Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

iam_elias1's profile picture

Elias

35,740 subscribers

98,208 Aufrufe • vor 2 Monaten •via X (Twitter)

BildungWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ä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
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

574,433 Aufrufe • vor 1 Monat

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

20,142 Aufrufe • vor 3 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.
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

616,925 Aufrufe • vor 3 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.
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 Aufrufe • vor 2 Monaten

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,891 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.
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,862 Aufrufe • vor 6 Monaten

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,341,173 Aufrufe • vor 3 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
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

61,422 Aufrufe • vor 1 Monat

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
25:56

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

91,852 Aufrufe • vor 2 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.
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

174,837 Aufrufe • vor 1 Monat

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

180,244 Aufrufe • vor 1 Monat

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

281,100 Aufrufe • vor 2 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
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

398,654 Aufrufe • vor 3 Monaten

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 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:
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 Aufrufe • vor 3 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
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 Aufrufe • vor 2 Monaten

calendar component is ready for BoardUI Design System designed it manually, coded it with claude as usual. 🤝
0:28

calendar component is ready for BoardUI Design System designed it manually, coded it with claude as usual. 🤝

Mertcan

24,728 Aufrufe • vor 15 Tagen

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