Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

Ana Sayfaya Dön

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

Elias

35,389 subscribers

98,620 görüntüleme • 4 ay önce •via X (Twitter)

Eğitim Bilim & Teknoloji

Anya Rossi• Live Now

Private livecam show

29 Yorum

Olivia Chowdhury profil fotoğrafı

Olivia Chowdhury4 ay önce

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

Elias profil fotoğrafı

Elias4 ay önce

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

Jack profil fotoğrafı

Jack4 ay önce

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

Elias profil fotoğrafı

Elias4 ay önce

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

James profil fotoğrafı

James4 ay önce

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

Elias profil fotoğrafı

Elias4 ay önce

Yep, they are too underrated

Mr. Tariq profil fotoğrafı

Mr. Tariq4 ay önce

Amazing post

Jaxon profil fotoğrafı

Jaxon4 ay önce

Cool Vibez!

Aurora_lily profil fotoğrafı

Aurora_lily4 ay önce

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

Elias profil fotoğrafı

Elias4 ay önce

Thanks for the praise.

Faraz profil fotoğrafı

Faraz4 ay önce

Great share!

Alpha Batcher profil fotoğrafı

Alpha Batcher4 ay önce

time to improve my claude design skills

Zohaib Ai profil fotoğrafı

Zohaib Ai4 ay önce

Good

Eric Smith profil fotoğrafı

Eric Smith4 ay önce

Amazing share

David Marco profil fotoğrafı

David Marco4 ay önce

must

Tom Brandon profil fotoğrafı

Tom Brandon4 ay önce

amazing Cluade

AqibAi profil fotoğrafı

AqibAi4 ay önce

Amazing share

Mr. Walker profil fotoğrafı

Mr. Walker4 ay önce

Interesting

Gregor profil fotoğrafı

Gregor4 ay önce

lol "probably" doing a lot of work there

Kaizen 黒 profil fotoğrafı

Kaizen 黒4 ay önce

Amazing

Abu Ali Muhammad Sharjeel profil fotoğrafı

Abu Ali Muhammad Sharjeel4 ay önce

Its a review video, not a tutorial

Kirk from UI Collective profil fotoğrafı

Kirk from UI Collective4 ay önce

Thanks for the support!

Evon profil fotoğrafı

Evon4 ay önce

Great

Ole Tillmann profil fotoğrafı

Ole Tillmann4 ay önce

@grok where do I find the original video?

H A J R A profil fotoğrafı

H A J R A4 ay önce

That’s really nice. Thanks for sharing

AI Insight profil fotoğrafı

AI Insight4 ay önce

Great share

AI Mastery Guide profil fotoğrafı

AI Mastery Guide4 ay önce

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

Elias profil fotoğrafı

Elias4 ay önce

Yeah, agreed

AI Mastery Guide profil fotoğrafı

AI Mastery Guide4 ay önce

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

Benzer Videolar

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 görüntüleme • 3 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 5 ay önce

С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 görüntüleme • 4 ay önce

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 görüntüleme • 8 gün önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 8 ay önce

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 görüntüleme • 1 ay önce

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,147 görüntüleme • 5 ay ö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

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 görüntüleme • 3 ay önce

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 görüntüleme • 4 ay önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 5 ay önce