正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

It is probably the best Claude Design tutorial under 32 minutes It is by UI Collective Academy

Elias

35,547 subscribers

98,448 次观看 • 3 个月前 •via X (Twitter)

教育科学技术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

Opus Claude Is Insane. This is a tutorial a 12 min on how Build 3D Websites in Minutes with Al (0 Design + 0 Coding) with Claude Opus 4.8

Opus Claude Is Insane. This is a tutorial a 12 min on how Build 3D Websites in Minutes with Al (0 Design + 0 Coding) with Claude Opus 4.8

me

578,177 次观看 • 2 个月前

so far the best way to design with Claude is to stop prompting and praying. design *together* with it. this is me on Lunagraph , designing the app's sidebar.

so far the best way to design with Claude is to stop prompting and praying. design together with it. this is me on Lunagraph , designing the app's sidebar.

Putri Karunia

22,086 次观看 • 4 个月前

alright - verdict is in - Motion Design is solved made with HyperFrames + Claude Design btw - HyperFrames is open source, star it on github and I'll send tutorial on how i made this with 2 prompts.

alright - verdict is in - Motion Design is solved made with HyperFrames + Claude Design btw - HyperFrames is open source, star it on github and I'll send tutorial on how i made this with 2 prompts.

Bin Liu

617,537 次观看 • 4 个月前

Сreator of Claude Code just did a 30-minute Claude vibe-coding live session with creator of Bun 32 minutes. free. By the person who built it. 100% of Boris’s code is written by Claude. It's the best vibe-coding masterclass you’ll watch this week. One video replace 10 paid vibe-coding courses.

Сreator of Claude Code just did a 30-minute Claude vibe-coding live session with creator of Bun 32 minutes. free. By the person who built it. 100% of Boris’s code is written by Claude. It's the best vibe-coding masterclass you’ll watch this week. One video replace 10 paid vibe-coding courses.

Movez

53,940 次观看 • 3 个月前

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

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

Nate Herk

224,261 次观看 • 6 天前

This Claude 3.7 UI workflow is awesome And many vibe coders not aware of it: 1. Have Claude 3.7 to design whole UI screen by screen 2. Ask it to make a plan, break down into components 3. Turn into actual project By having Claude focus on just UI generation, it does a great job You can build beautiful UI without shadcn If you want to learn more about vibe coding beyond basics, join my community here: (also get free access to 10xCoder.Dev)

This Claude 3.7 UI workflow is awesome And many vibe coders not aware of it: 1. Have Claude 3.7 to design whole UI screen by screen 2. Ask it to make a plan, break down into components 3. Turn into actual project By having Claude focus on just UI generation, it does a great job You can build beautiful UI without shadcn If you want to learn more about vibe coding beyond basics, join my community here: (also get free access to 10xCoder.Dev)

Jason Zhou

746,755 次观看 • 1 年前

In 2026, Design is not static mockups. It is code. AI can generate UI fast, but it is design blind. That’s where Anima comes in.

In 2026, Design is not static mockups. It is code. AI can generate UI fast, but it is design blind. That’s where Anima comes in.

Avishay Cohen

12,449,082 次观看 • 7 个月前

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

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

Tran Mau Tri Tam ✪

68,457 次观看 • 7 天前

Claude Design is insane. ❤️‍🔥Just recorded a 18-min tutorial on how to build animated, award-winning websites with Claude Design + Opus 4.7!

Claude Design is insane. ❤️‍🔥Just recorded a 18-min tutorial on how to build animated, award-winning websites with Claude Design + Opus 4.7!

Viktor Oddy

3,356,194 次观看 • 4 个月前

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

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

THIS GUY VIBE CODED A $3B APP IN 13 MINUTES WITH CLAUDE Bookmark this and check it out tonight 13 minutes. Claude Design + Codex no team. no agency. no prior experience. Claude Design → Codex → 13 Minutes → $3B

THIS GUY VIBE CODED A $3B APP IN 13 MINUTES WITH CLAUDE Bookmark this and check it out tonight 13 minutes. Claude Design + Codex no team. no agency. no prior experience. Claude Design → Codex → 13 Minutes → $3B

Kirill

92,480 次观看 • 3 个月前

My favorite Claude design hack right now: Create a prototype.md skill. Instead of one-shotting UI, I have Claude generate 5 variations for every feature in a single HTML file, side-by-side. I pick the winner. Claude builds it.

My favorite Claude design hack right now: Create a prototype.md skill. Instead of one-shotting UI, I have Claude generate 5 variations for every feature in a single HTML file, side-by-side. I pick the winner. Claude builds it.

Brett

177,843 次观看 • 2 个月前

Jenny Wen, head of design for Claude at Anthropic: "the design process is dead." what replaces it runs on machine-readable design systems In a 1-hour conversation, Jenny Wen breaks down why the discovery -> mock -> iterate loop is dying and what designers do instead. design system -> Claude Code -> every screen fixed at once, not one at a time i rebuilt the same 10-screen dashboard twice: ~6 hours of restyling by hand vs ~40 minutes when the fix lived in the system. how to build that system and hand it to Claude Code is in the article below.

Jenny Wen, head of design for Claude at Anthropic: "the design process is dead." what replaces it runs on machine-readable design systems In a 1-hour conversation, Jenny Wen breaks down why the discovery -> mock -> iterate loop is dying and what designers do instead. design system -> Claude Code -> every screen fixed at once, not one at a time i rebuilt the same 10-screen dashboard twice: ~6 hours of restyling by hand vs ~40 minutes when the fix lived in the system. how to build that system and hand it to Claude Code is in the article below.

Mnimiy

180,572 次观看 • 2 个月前

Claude Code is terrible at UI design and everyone knows it so this guy fixed it by building an MCP that gives Claude its own AI design tool instead of going back and forth between a design platform and your code editor, Claude now creates the designs itself and drops them straight into your codebase the MCP has full context of your existing design system and project so everything it generates actually matches what you already have. one command to set up and it installs the MCP and skill files so Claude instantly knows how to use it if you're tired of the same Inter font, purple gradient, card grid layout on every project, this is definitely worth trying

Claude Code is terrible at UI design and everyone knows it so this guy fixed it by building an MCP that gives Claude its own AI design tool instead of going back and forth between a design platform and your code editor, Claude now creates the designs itself and drops them straight into your codebase the MCP has full context of your existing design system and project so everything it generates actually matches what you already have. one command to set up and it installs the MCP and skill files so Claude instantly knows how to use it if you're tired of the same Inter font, purple gradient, card grid layout on every project, this is definitely worth trying

Om Patel

401,101 次观看 • 4 个月前

THIS GUY IS LITERALLY GIVING AWAY THE DESIGN PLAYBOOK FOR CLAUDE DESIGN 🤯 A Free 2-hour masterclass showing how to build an ENTIRE startup: → brand guidelines → decks → website → apps → videos ... using ONLY Claude Design. Guide is below + full tutorial in 🧵 ↓

Charly Wargnier

281,669 次观看 • 4 个月前

This is a tutorial a 12 min on how Build 3D Websites in Minutes with Al (0 Design + 0 Coding) with Claude Fable 5 and Opus 4.8 Claude Fable 5 and Opus 4.8 are massive

This is a tutorial a 12 min on how Build 3D Websites in Minutes with Al (0 Design + 0 Coding) with Claude Fable 5 and Opus 4.8 Claude Fable 5 and Opus 4.8 are massive

FHILY👑

49,063 次观看 • 2 个月前

Digital screen addiction is real and it is destroying the youths behavior… It is by design…

Digital screen addiction is real and it is destroying the youths behavior… It is by design…

Isaac’s Army

228,231 次观看 • 1 年前

this is insane.. in a good way now Claude's got design - we've got the video editor here's a baby from Claude Design + HyperFrames tutorial in thread:

this is insane.. in a good way now Claude's got design - we've got the video editor here's a baby from Claude Design + HyperFrames tutorial in thread:

Bin Liu

140,431 次观看 • 4 个月前

How to Use Claude Design to Make Vibecoded iOS Apps Look Slightly Less Vibecoded 00:00 Claude Design Is Amazing 00:31 Merl App 04:30 Design Q&A 06:08 How Good is the UI Really? 07:54 Handoff To Claude Code 09:05 Building an Entire iOS App

How to Use Claude Design to Make Vibecoded iOS Apps Look Slightly Less Vibecoded 00:00 Claude Design Is Amazing 00:31 Merl App 04:30 Design Q&A 06:08 How Good is the UI Really? 07:54 Handoff To Claude Code 09:05 Building an Entire iOS App

ashen

346,324 次观看 • 4 个月前