Loading video...

Video Failed to Load

Go Home

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

iam_elias1's profile picture

Elias Al

35,799 subscribers

97,797 views • 1 month ago •via X (Twitter)

EducationScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related 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
12:31

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

559,948 views • 10 days ago

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.
0:27

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

19,250 views • 2 months ago

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.
0:24

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

614,641 views • 2 months ago

С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.
30:40

С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

52,402 views • 1 month ago

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)
7:27

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

745,348 views • 1 year ago

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.
1:49

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,448,510 views • 5 months ago

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

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,280,600 views • 2 months ago

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

59,045 views • 12 days ago

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.
0:20

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

168,439 views • 20 days ago

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.
1:12:40

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

179,684 views • 17 days ago

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 🧵 ↓
1:54

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

278,728 views • 1 month ago

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
0:58

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

397,301 views • 2 months ago

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

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

Isaac’s Army

228,231 views • 1 year ago

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:
0:35

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 views • 2 months ago

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
11:20

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 views • 2 months ago

I had claude build that workout UI last week but the best user interface is just talking
5:11

I had claude build that workout UI last week but the best user interface is just talking

Ryan Florence

37,149 views • 1 year ago

Study, dissect, and recreate this motion design in under 10 minutes using Lottielab Quick impromptu tutorial
11:16

Study, dissect, and recreate this motion design in under 10 minutes using Lottielab Quick impromptu tutorial

Daryl Patigas

223,948 views • 8 months ago

Liquid Glass is not just another 2D UI.. It’s a 3D UI which processes all the effects in real time Accept it or not but Liquid Glass is the PEAK OF SOFTWARE DESIGN
0:21

Liquid Glass is not just another 2D UI.. It’s a 3D UI which processes all the effects in real time Accept it or not but Liquid Glass is the PEAK OF SOFTWARE DESIGN

Apple Design

480,514 views • 11 months ago

🚨News🚨 Here's what the new Shop UI looks like so far! The team is working on improving the functionality and usability of the UI by reworking it! Helped Design UI/UX: Cody! 📢This information comes from the Official Forsaken Server.📢 #Forsaken #forsakenroblox
0:31

🚨News🚨 Here's what the new Shop UI looks like so far! The team is working on improving the functionality and usability of the UI by reworking it! Helped Design UI/UX: Cody! 📢This information comes from the Official Forsaken Server.📢 #Forsaken #forsakenroblox

Forsaken News

202,011 views • 2 months ago