Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

This is the best design engineering skill set I've seen. Each skill turns AI output into clean UI, not generic slop. Save it →

tranmautritam's profile picture

Tran Mau Tri Tam ✪

33,263 subscribers

68,457 görüntüleme • 1 gün önce •via X (Twitter)

SanatBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

This is the best design engineering magazine I've seen. Every concept is an interactive demo, not a wall of text. Save it →
0:34

This is the best design engineering magazine I've seen. Every concept is an interactive demo, not a wall of text. Save it →

Tran Mau Tri Tam ✪

54,605 görüntüleme • 7 gün önce

i made a skill called /remove-ai-slop. inspired by emil’s review skill and cursor’s code quality skill, it’s for everyone who’s tired of the same AI slop tells in design and copy. you can grab it here: if it helps make your apps, websites, or landing pages a little less generic, give it a ⭐
2:15

i made a skill called /remove-ai-slop. inspired by emil’s review skill and cursor’s code quality skill, it’s for everyone who’s tired of the same AI slop tells in design and copy. you can grab it here: if it helps make your apps, websites, or landing pages a little less generic, give it a ⭐

Tushar Mehta

71,587 görüntüleme • 2 ay önce

Broooooo this is so freaking good 🤯 This open-source skill makes AI coding agents generate better-looking UIs. Taste Skill works with Claude Code, Codex, Cursor, Gemini CLI, Lovable, v0 and more. Stops the generic frontend slop. Perfect for developers, vibe-coders & designers who actually want the AI output to look intentional. link;
0:28

Broooooo this is so freaking good 🤯 This open-source skill makes AI coding agents generate better-looking UIs. Taste Skill works with Claude Code, Codex, Cursor, Gemini CLI, Lovable, v0 and more. Stops the generic frontend slop. Perfect for developers, vibe-coders & designers who actually want the AI output to look intentional. link;

Manish Kumar

92,190 görüntüleme • 17 gün önce

This is by far the best web design Claude skill I've ever used. Linked in the replies.
2:30

This is by far the best web design Claude skill I've ever used. Linked in the replies.

Nate Herk

206,006 görüntüleme • 1 gün önce

UI Skills are now easier for agents. Introducing UI Skills CLI. ask Codex, Cursor, Claude Code, or any agent to use the CLI, like: "use `npx ui-skills start` to fix the motion in this dialog" it finds the best design-engineering skill for the job and uses it as context
0:20

UI Skills are now easier for agents. Introducing UI Skills CLI. ask Codex, Cursor, Claude Code, or any agent to use the CLI, like: "use `npx ui-skills start` to fix the motion in this dialog" it finds the best design-engineering skill for the job and uses it as context

Ibelick

61,422 görüntüleme • 2 ay önce

This is the best implementation of AI to design I've seen so far
0:57

This is the best implementation of AI to design I've seen so far

Meng To

338,208 görüntüleme • 2 yıl önce

/scandinavian-design built a skill that turns any site into scandi minimalism! npx skills add ericzakariasson/scandinavian-design try it:
0:28

/scandinavian-design built a skill that turns any site into scandi minimalism! npx skills add ericzakariasson/scandinavian-design try it:

eric zakariasson

197,087 görüntüleme • 2 gün önce

This is the most 🏳️‍⚧️ AI slop I've ever seen.
0:54

This is the most 🏳️‍⚧️ AI slop I've ever seen.

iDuckFilms

108,466 görüntüleme • 10 ay önce

Most street lettering is not the stencil, it is the operator’s sharp geometric skill turning bare walls into clean lines in minutes 🧱
1:05

Most street lettering is not the stencil, it is the operator’s sharp geometric skill turning bare walls into clean lines in minutes 🧱

Tansu Yegen

57,443 görüntüleme • 3 ay önce

Introducing: VibeFlow UI (VibeFlow (YC S25)) design systems. Generate UIs that actually look like YOUR brand. We got tired of AI design tools outputting anonymous slop. So we gave the model your real design system. > Paste any URL → get your full design system in 30s > Exportable as a skill for any agent > Dashboards, slide decks, landing pages, all on-brand > Set it once → every future UI uses your system I challenge anyone to paste a URL and get a bad result. Haven't seen one yet. 🔥
0:58

Introducing: VibeFlow UI (VibeFlow (YC S25)) design systems. Generate UIs that actually look like YOUR brand. We got tired of AI design tools outputting anonymous slop. So we gave the model your real design system. > Paste any URL → get your full design system in 30s > Exportable as a skill for any agent > Dashboards, slide decks, landing pages, all on-brand > Set it once → every future UI uses your system I challenge anyone to paste a URL and get a bad result. Haven't seen one yet. 🔥

Alessia

13,482 görüntüleme • 4 ay önce

What if AI could design with taste - powered by the best real-world design resources on demand? We’ve embedded a design search engine directly into the SuperDesign.Dev agent, partnering w/ Mobbin It contextually pulls relevant user flows, UI patterns, and vertical-specific mocks from curated sources like Mobbin, Dribbble, Behance, and more. Better input → better output. No generic AI gradients. Just real, proven design patterns - instantly remixable.
0:29

What if AI could design with taste - powered by the best real-world design resources on demand? We’ve embedded a design search engine directly into the SuperDesign.Dev agent, partnering w/ Mobbin It contextually pulls relevant user flows, UI patterns, and vertical-specific mocks from curated sources like Mobbin, Dribbble, Behance, and more. Better input → better output. No generic AI gradients. Just real, proven design patterns - instantly remixable.

Jason Zhou

21,743 görüntüleme • 6 ay önce

distilling my design aesthetic into a Claude skill — so we can craft design systems together that fits the vibe. since I entered the field, I've spent years handcrafting every interface myself. loved every second of it. but vibe coding unlocked a whole new world for human-ai collaboration. so this week I built that into a skill — 5 design systems, each with its own aesthetic logic, each made for a different context and product type. this demo showcases three different interfaces/products made by the same “style” with slightly different twists for each specific scenarios. style dropper inspired by Variant — but make it your own design DNA.
0:20

distilling my design aesthetic into a Claude skill — so we can craft design systems together that fits the vibe. since I entered the field, I've spent years handcrafting every interface myself. loved every second of it. but vibe coding unlocked a whole new world for human-ai collaboration. so this week I built that into a skill — 5 design systems, each with its own aesthetic logic, each made for a different context and product type. this demo showcases three different interfaces/products made by the same “style” with slightly different twists for each specific scenarios. style dropper inspired by Variant — but make it your own design DNA.

isle of echo

21,152 görüntüleme • 3 ay önce

ONE VIETNAMESE GUY FOUND THE PART OF CLAUDE MOST PEOPLE STILL HAVEN'T TOUCHED Everyone is still typing prompts. He is installing skills. Marketing skill -> copy + emails SEO skill -> website checklist Design skill -> UI that doesn't look AI-generated Dev skill -> planning, debugging, shipping Remotion skill -> video by code PowerPoint skill -> notes into decks Old Claude: ask question -> get answer -> repeat tomorrow Skilled Claude: install workflow -> Claude remembers the process -> runs it again People aren't ahead because they have a better model. They stopped using Claude like a chat box.
1:42

ONE VIETNAMESE GUY FOUND THE PART OF CLAUDE MOST PEOPLE STILL HAVEN'T TOUCHED Everyone is still typing prompts. He is installing skills. Marketing skill -> copy + emails SEO skill -> website checklist Design skill -> UI that doesn't look AI-generated Dev skill -> planning, debugging, shipping Remotion skill -> video by code PowerPoint skill -> notes into decks Old Claude: ask question -> get answer -> repeat tomorrow Skilled Claude: install workflow -> Claude remembers the process -> runs it again People aren't ahead because they have a better model. They stopped using Claude like a chat box.

0xTria

12,781 görüntüleme • 2 ay önce

NEW SKILL Released "Soft-Skill" / high-end-visual-design today! It creates design focused on more high end clean looking websites. The outcome will be responsive and without vibecoded-looking elements. Go test it!
0:36

NEW SKILL Released "Soft-Skill" / high-end-visual-design today! It creates design focused on more high end clean looking websites. The outcome will be responsive and without vibecoded-looking elements. Go test it!

Leon Lin

84,504 görüntüleme • 5 ay önce

I’m sick of reading AI slop, so today I’m open-sourcing my /no-ai-slop skill that removes 20+ slop patterns from any piece of writing. 📌 Get the free skill here: If you find it useful, please consider starring the repo so more people can find it. Why I built the skill: I use AI to edit my writing because it helps me fix spelling, grammar, and clarity. But even the best models keep producing the same slop that this skill removes: → Binary contrasts: “It’s not X. It’s Y.” → Throat-clearing openers: “Here’s what nobody tells you.” → Fake-profound endings: “The future isn’t coming. It’s already here.” Use this skill responsibly. I always write a first draft manually before iterating with AI on edits and I make sure to do another manual pass at the end as well. That’s in contrast to using AI to automate pumping out slop end-to-end. 📌 Read my full post for more on how I try to use AI responsibly to edit without giving into the dark side:
0:23

I’m sick of reading AI slop, so today I’m open-sourcing my /no-ai-slop skill that removes 20+ slop patterns from any piece of writing. 📌 Get the free skill here: If you find it useful, please consider starring the repo so more people can find it. Why I built the skill: I use AI to edit my writing because it helps me fix spelling, grammar, and clarity. But even the best models keep producing the same slop that this skill removes: → Binary contrasts: “It’s not X. It’s Y.” → Throat-clearing openers: “Here’s what nobody tells you.” → Fake-profound endings: “The future isn’t coming. It’s already here.” Use this skill responsibly. I always write a first draft manually before iterating with AI on edits and I make sure to do another manual pass at the end as well. That’s in contrast to using AI to automate pumping out slop end-to-end. 📌 Read my full post for more on how I try to use AI responsibly to edit without giving into the dark side:

Peter Yang

1,137,703 görüntüleme • 1 ay önce

Rams just passed 50,000 Skill downloads. Now it runs on every PR. Rams is automated design review for teams shipping UI without a designer. Native GitHub integration, inline fixes, 100+ rules on typography, spacing, a11y, and AI slop. Opinionated. Automatic. Installs in 60 seconds.
0:29

Rams just passed 50,000 Skill downloads. Now it runs on every PR. Rams is automated design review for teams shipping UI without a designer. Native GitHub integration, inline fixes, 100+ rules on typography, spacing, a11y, and AI slop. Opinionated. Automatic. Installs in 60 seconds.

Eli Rousso

26,092 görüntüleme • 4 ay önce

I wish I found this sooner. 🫡 This open-source collection of Agentic UI Skills teaches AI coding agents how to build interfaces that feel polished, not just functional. You'll find specialized skills for things like: → Better User Interface → Better Typography → Better Colors → Better Layout → Better Accessibility ....& more Instead of relying on generic UI patterns, your AI agent can load the right design-engineering skill for the task at hand. If you're building modern frontends with AI coding agents, this is definitely worth bookmarking :) Source 🔗: github(DOT)com/jakubkrehel/skills Follow me for more amazing AI, Coding & Web Dev insights 💎
0:23

I wish I found this sooner. 🫡 This open-source collection of Agentic UI Skills teaches AI coding agents how to build interfaces that feel polished, not just functional. You'll find specialized skills for things like: → Better User Interface → Better Typography → Better Colors → Better Layout → Better Accessibility ....& more Instead of relying on generic UI patterns, your AI agent can load the right design-engineering skill for the task at hand. If you're building modern frontends with AI coding agents, this is definitely worth bookmarking :) Source 🔗: github(DOT)com/jakubkrehel/skills Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

14,955 görüntüleme • 25 gün önce

this is the biggest skill issue i've witnessed
1:30

this is the biggest skill issue i've witnessed

The Internet Fish

425,117 görüntüleme • 8 ay önce

holy sh*t this is f**king gold an AI Engineer making $1,500,000 a year just sent me a "Graph Engineering Course" I've never seen on X. translated it to English and instantly understood why it has 4,400 stars on Github [then he gave me the exact blueprint to master graph engineering :] 9 steps: representation → ontology → entity extraction → relations → events → quality gate → fusion → embeddings → memory your agent can traverse I compressed his entire path into a skill. now it's: 1. clone the repo "graph-engineering" 2. hand the skill to Claude 3. done and it teaches you the whole pipeline on your own project no PhD. no complex setup. save and bookmark this no matter what
1:03

holy sh*t this is f**king gold an AI Engineer making $1,500,000 a year just sent me a "Graph Engineering Course" I've never seen on X. translated it to English and instantly understood why it has 4,400 stars on Github [then he gave me the exact blueprint to master graph engineering :] 9 steps: representation → ontology → entity extraction → relations → events → quality gate → fusion → embeddings → memory your agent can traverse I compressed his entire path into a skill. now it's: 1. clone the repo "graph-engineering" 2. hand the skill to Claude 3. done and it teaches you the whole pipeline on your own project no PhD. no complex setup. save and bookmark this no matter what

Avid

124,599 görüntüleme • 1 ay önce

Bruh... this open-source AI design skill makes your AI-generated UIs look far less generic. 😍 Hallmark is a design skill for Claude Code, Cursor & Codex that helps AI generate interfaces that feel intentionally designed instead of looking like typical AI outputs. It can: → build beautiful new UIs → audit existing designs → redesign pages while preserving your content → study a URL or screenshot and extract its design DNA If you build apps with AI, this is definitely worth trying :) Follow me for more amazing AI, Coding & Web Dev insights 💎
0:38

Bruh... this open-source AI design skill makes your AI-generated UIs look far less generic. 😍 Hallmark is a design skill for Claude Code, Cursor & Codex that helps AI generate interfaces that feel intentionally designed instead of looking like typical AI outputs. It can: → build beautiful new UIs → audit existing designs → redesign pages while preserving your content → study a URL or screenshot and extract its design DNA If you build apps with AI, this is definitely worth trying :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

32,048 görüntüleme • 1 ay önce