正在加载视频...

视频加载失败

返回首页

With and without frontend-design skill

mannupaaji's profile picture

Manu Arora

43,271 subscribers

75,102 次观看 • 9 个月前 •via X (Twitter)

科学技术教育
LIVE

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

frontend-design skill
0:36

frontend-design skill

Alex Sidorenko

543,877 次观看 • 9 个月前

As usual, here's my "Make a website presenting yourself" prompt with Opus 4.7 using Claude's frontend design skill
0:22

As usual, here's my "Make a website presenting yourself" prompt with Opus 4.7 using Claude's frontend design skill

Angel 🌼

13,852 次观看 • 7 个月前

I completely redesigned a website with Claude Code's frontend design skill today and was blown away by the result here's my ~7 minute review...
7:15

I completely redesigned a website with Claude Code's frontend design skill today and was blown away by the result here's my ~7 minute review...

The Boring Marketer

47,833 次观看 • 1 年前

Hey Gemini make a website presenting yourself using the skill below. (Gemini 3.1 Pro Preview) + Google AI Studio + design-taste-frontend skill.
0:25

Hey Gemini make a website presenting yourself using the skill below. (Gemini 3.1 Pro Preview) + Google AI Studio + design-taste-frontend skill.

Philipp Schmid

87,034 次观看 • 8 个月前

This website was made with Opus 5.5 medium(!) in one prompt using a new version of TasteSkill I've been working on. the prompt was ONLY "I need a landing page for my ai note taking app, use the design-taste-frontend skill" (result without the skill is in the replies + links)
0:29

This website was made with Opus 5.5 medium(!) in one prompt using a new version of TasteSkill I've been working on. the prompt was ONLY "I need a landing page for my ai note taking app, use the design-taste-frontend skill" (result without the skill is in the replies + links)

Leon Lin

11,047 次观看 • 8 天前

The most complete AI design skill stack is now in Open Design. AI agents can build full apps. But most of them still design like shit. You used to spend more time fixing the design than building the app. And prompting harder does not fix taste. So Open Design integrated the design skills everyone on X is talking about: Taste Skill Hallmark Frontend Design Image-to-Code Design Review 100+ design systems It works locally with 20+ AI CLIs: Codex, Claude Code, Cursor, Gemini CLI, OpenCode, and more. Pick your agent. Generate pages that finally have taste. 👉
0:53

The most complete AI design skill stack is now in Open Design. AI agents can build full apps. But most of them still design like shit. You used to spend more time fixing the design than building the app. And prompting harder does not fix taste. So Open Design integrated the design skills everyone on X is talking about: Taste Skill Hallmark Frontend Design Image-to-Code Design Review 100+ design systems It works locally with 20+ AI CLIs: Codex, Claude Code, Cursor, Gemini CLI, OpenCode, and more. Pick your agent. Generate pages that finally have taste. 👉

Open Design

53,135 次观看 • 5 个月前

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 次观看 • 8 个月前

Stop letting Claude design your websites without these 3 free skills. Without them, every AI website looks the same: purple gradients, cards inside cards. Number one is Frontend Design, straight from Anthropic. Number two is Taste Skill, where you set three dials from 1 to 10 for layout, motion and density. Number three is Impeccable: 24 design commands like polish, bolder and quieter, plus 61 rules that scan your page for the AI look. All three are free and open source. The free guide (how to install all 3 + prompts to try): 👉 Learn Claude Code. Earn income. Only $9. 👉 #claudecode #webdesign #frontend #ai #claude
0:39

Stop letting Claude design your websites without these 3 free skills. Without them, every AI website looks the same: purple gradients, cards inside cards. Number one is Frontend Design, straight from Anthropic. Number two is Taste Skill, where you set three dials from 1 to 10 for layout, motion and density. Number three is Impeccable: 24 design commands like polish, bolder and quieter, plus 61 rules that scan your page for the AI look. All three are free and open source. The free guide (how to install all 3 + prompts to try): 👉 Learn Claude Code. Earn income. Only $9. 👉 #claudecode #webdesign #frontend #ai #claude

Duncan | AI Automation

12,000 次观看 • 1 个月前

Most AI tools give you the same purple gradient, Inter font homepage. I opened MiniMax Code, did the daily check-in (400 free points), then used the Frontend Design skill. Prompted it: “Design a distinctive visual direction for this product homepage and implement it responsively.” unique typography, a clear point of view, intentional layout and then write the actual responsive code. Not the usual AI template. It also used Computer Use where it needed to check the result in a real browser window. Then I stepped away. From my phone (Remote Control) I checked progress and approved the next step while it kept going on my computer. Points stack to 4000 for a full week of check-ins (valid 30 days). Enough to properly test real frontend work without paying. If you want an agent that can actually design and ship distinctive frontends, start with the daily check-in + the Frontend Design skill. #MiniMaxCode
1:09

Most AI tools give you the same purple gradient, Inter font homepage. I opened MiniMax Code, did the daily check-in (400 free points), then used the Frontend Design skill. Prompted it: “Design a distinctive visual direction for this product homepage and implement it responsively.” unique typography, a clear point of view, intentional layout and then write the actual responsive code. Not the usual AI template. It also used Computer Use where it needed to check the result in a real browser window. Then I stepped away. From my phone (Remote Control) I checked progress and approved the next step while it kept going on my computer. Points stack to 4000 for a full week of check-ins (valid 30 days). Enough to properly test real frontend work without paying. If you want an agent that can actually design and ship distinctive frontends, start with the daily check-in + the Frontend Design skill. #MiniMaxCode

Future Coded

18,925 次观看 • 28 天前

Caraku membuat Frontend dengan AI supaya konsisten dan terstruktur (My Design Workflow with AI)
14:26

Caraku membuat Frontend dengan AI supaya konsisten dan terstruktur (My Design Workflow with AI)

Aidityas Adhakim

29,126 次观看 • 4 个月前

Opus 4.5 using frontend skill (Claude Pro) landing page + fullstack nextjs with sqlite db one-shot 🔥🔥🔥
0:29

Opus 4.5 using frontend skill (Claude Pro) landing page + fullstack nextjs with sqlite db one-shot 🔥🔥🔥

Melvin Vivas

72,226 次观看 • 11 个月前

Make your UI look better instantly with these skills 1. frontend-design 2. apple-design 3. beautiful-shadows 4. accessibility 5. design-review 6. emil-design-eng 7. shadcn 8. adapt 9. better-interface 10. interaction-design
0:32

Make your UI look better instantly with these skills 1. frontend-design 2. apple-design 3. beautiful-shadows 4. accessibility 5. design-review 6. emil-design-eng 7. shadcn 8. adapt 9. better-interface 10. interaction-design

Kailash

430,550 次观看 • 1 个月前

Opus 4.5 is our best model yet for design & vision. Here are some of my favorite UIs we made with Claude Code's frontend-design plugin.
0:21

Opus 4.5 is our best model yet for design & vision. Here are some of my favorite UIs we made with Claude Code's frontend-design plugin.

Thariq

490,319 次观看 • 11 个月前

5 fixes to AI slop in dashboards. #design #uiux #frontend #motion
1:21

5 fixes to AI slop in dashboards. #design #uiux #frontend #motion

Nigeria Best Web Developer

438,500 次观看 • 2 个月前

5 skills reales para Claude Code que evitan que tu UI se vea genérica. Los nombres exactos, uno por uno: frontend-design (Anthropic), ui-ux-pro-max-skill , emil-design-eng , huashu-design , web-design-guidelines (Vercel). Todos verificados en GitHub, ninguno inventado. ¿Cuál vas a probar primero? #programacion #desarrolloweb #claudecode #diseñoux #devtools
1:07

5 skills reales para Claude Code que evitan que tu UI se vea genérica. Los nombres exactos, uno por uno: frontend-design (Anthropic), ui-ux-pro-max-skill , emil-design-eng , huashu-design , web-design-guidelines (Vercel). Todos verificados en GitHub, ninguno inventado. ¿Cuál vas a probar primero? #programacion #desarrolloweb #claudecode #diseñoux #devtools

Harys Vizcaino

117,200 次观看 • 4 个月前

gpt 5.6 with good frontend wen so i just fixed gpt's frontend problem through lazycodex and stitch
1:23

gpt 5.6 with good frontend wen so i just fixed gpt's frontend problem through lazycodex and stitch

Q

52,506 次观看 • 4 个月前

Subscribe for useful updates on robots, chips, and infrastructure. Transform your website’s design with Claude’s new Apple-inspired skill that audits and upgrades your typography, layout, and hierarchy using premium design principles. Perfect for anyone wanting a smart, professional website makeover without starting from scratch. #aidesign #websitedesign #uxui #appledesign #techtools
0:42

Subscribe for useful updates on robots, chips, and infrastructure. Transform your website’s design with Claude’s new Apple-inspired skill that audits and upgrades your typography, layout, and hierarchy using premium design principles. Perfect for anyone wanting a smart, professional website makeover without starting from scratch. #aidesign #websitedesign #uxui #appledesign #techtools

Alex Carter

348,600 次观看 • 1 个月前

I made a Swiss International Style design system as an agent skill. npx skills add zeke/swiss-design-skill
0:31

I made a Swiss International Style design system as an agent skill. npx skills add zeke/swiss-design-skill

Zeke Sikelianos

71,744 次观看 • 6 个月前

I built a variant of Matt Pocock's grilling skill dedicated to frontend and it has improved how I build new apps and components. The general idea: 1. Use /grilling and /prototype as a base 2. Tell Claude to build 5 WILDLY different prototypes 3. Tell Claude to include a picker that lets you switch between each variant live 4. Each round you select your favorite(s) + leave feedback, and Claude will walk down each branch of the design tree, helping you zoom in on your desired design And THEN, I went and added it to /wayfinder, so whenever I make a new map and there's novel frontend work, a ticket is created specifically referencing that /grilling-frontend-prototyping needs to be invoked. This will not be the last time I build a cool skill and add it to Wayfinder; this is a very powerful pattern for planning work. You can find my skill here:
2:01

I built a variant of Matt Pocock's grilling skill dedicated to frontend and it has improved how I build new apps and components. The general idea: 1. Use /grilling and /prototype as a base 2. Tell Claude to build 5 WILDLY different prototypes 3. Tell Claude to include a picker that lets you switch between each variant live 4. Each round you select your favorite(s) + leave feedback, and Claude will walk down each branch of the design tree, helping you zoom in on your desired design And THEN, I went and added it to /wayfinder, so whenever I make a new map and there's novel frontend work, a ticket is created specifically referencing that /grilling-frontend-prototyping needs to be invoked. This will not be the last time I build a cool skill and add it to Wayfinder; this is a very powerful pattern for planning work. You can find my skill here:

WILL NESS

254,639 次观看 • 4 个月前