Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

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

Elias

35,389 subscribers

98,620 Aufrufe • vor 4 Monaten •via X (Twitter)

Bildung Wissenschaft & Technologie

Anya Rossi• Live Now

Private livecam show

29 Kommentare

Profilbild von Olivia Chowdhury

Olivia Chowdhuryvor 4 Monaten

Hey, Actually I wanted to do a tutorial course on Caude Design but forgot. Gonna save it for later.

Profilbild von Elias

Eliasvor 4 Monaten

Yeah man, that often happens with me. That's why I did the course and published it here.

Profilbild von Jack

Jackvor 4 Monaten

hey, cool course, but I am curious where did you learn Claude Design

Profilbild von Elias

Eliasvor 4 Monaten

Actually this is a tutorial course not a pro level course. You gotta have hand on Claude Design to be a pro.

Profilbild von James

Jamesvor 4 Monaten

Hey, UI Collective put out some really good content. Their paid courses are legit.

Profilbild von Elias

Eliasvor 4 Monaten

Yep, they are too underrated

Profilbild von Mr. Tariq

Mr. Tariqvor 4 Monaten

Amazing post

Profilbild von Jaxon

Jaxonvor 4 Monaten

Cool Vibez!

Profilbild von Aurora_lily

Aurora_lilyvor 4 Monaten

Amazing post as always 🤍 Your creativity and consistency are truly inspiring ✨

Profilbild von Elias

Eliasvor 4 Monaten

Thanks for the praise.

Profilbild von Faraz

Farazvor 4 Monaten

Great share!

Profilbild von Alpha Batcher

Alpha Batchervor 4 Monaten

time to improve my claude design skills

Profilbild von Zohaib Ai

Zohaib Aivor 4 Monaten

Good

Profilbild von Eric Smith

Eric Smithvor 4 Monaten

Amazing share

Profilbild von David Marco

David Marcovor 4 Monaten

must

Profilbild von Tom Brandon

Tom Brandonvor 4 Monaten

amazing Cluade

Profilbild von AqibAi

AqibAivor 4 Monaten

Amazing share

Profilbild von Mr. Walker

Mr. Walkervor 4 Monaten

Interesting

Profilbild von Gregor

Gregorvor 4 Monaten

lol "probably" doing a lot of work there

Profilbild von Kaizen 黒

Kaizen 黒vor 4 Monaten

Amazing

Profilbild von Abu Ali Muhammad Sharjeel

Abu Ali Muhammad Sharjeelvor 4 Monaten

Its a review video, not a tutorial

Profilbild von Kirk from UI Collective

Kirk from UI Collectivevor 4 Monaten

Thanks for the support!

Profilbild von Evon

Evonvor 4 Monaten

Great

Profilbild von Ole Tillmann

Ole Tillmannvor 4 Monaten

@grok where do I find the original video?

Profilbild von H A J R A

H A J R Avor 4 Monaten

That’s really nice. Thanks for sharing

Profilbild von AI Insight

AI Insightvor 4 Monaten

Great share

Profilbild von AI Mastery Guide

AI Mastery Guidevor 4 Monaten

32 minutes to build a full design system with Claude is the kind of tutorial that makes you wonder what you've been doing manually this whole time

Profilbild von Elias

Eliasvor 4 Monaten

Yeah, agreed

Profilbild von AI Mastery Guide

AI Mastery Guidevor 4 Monaten

Yeah, 32 minutes and suddenly everything I've been doing for hours feels embarrassing 😅 What's next on your list to build with Claude?

Ähnliche Videos

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

581,808 Aufrufe • vor 3 Monaten

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 Aufrufe • vor 5 Monaten

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

619,622 Aufrufe • vor 5 Monaten

С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 Aufrufe • vor 4 Monaten

GPT-6 Astra is by far the best 3D design model today. & this is THE Complete Tutorial Guide to Design in Codex. FULL guide you need to know about Codex and GPT-6 to start using it for design work and 3D creative work.

GPT-6 Astra is by far the best 3D design model today. & this is THE Complete Tutorial Guide to Design in Codex. FULL guide you need to know about Codex and GPT-6 to start using it for design work and 3D creative work.

Viktor Oddy

148,231 Aufrufe • vor 8 Tagen

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

231,141 Aufrufe • vor 1 Monat

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

747,131 Aufrufe • vor 1 Jahr

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,175 Aufrufe • vor 8 Monaten

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 ✪

75,896 Aufrufe • vor 1 Monat

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,365,047 Aufrufe • vor 5 Monaten

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

62,979 Aufrufe • vor 3 Monaten

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 Aufrufe • vor 4 Monaten

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

179,789 Aufrufe • vor 3 Monaten

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,877 Aufrufe • vor 3 Monaten

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

402,762 Aufrufe • vor 5 Monaten

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 ♨️

282,109 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 5 Monaten