Loading video...

Video Failed to Load

Go Home

CLAUDE JUST COLLAPSED THE ENTIRE DESIGN STACK INTO A CHAT WINDOW. Canva. Figma. Slide decks. UI mockups. Infographics. All compressed into prompts. This video barely looks real. One prompt generates a full mobile app interface. Another turns random files into polished presentations and PDFs. Then the craziest part: you...

lagerskoy's profile picture

lagerskoy

1,961 subscribers

11,478 views • 2 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

CLAUDE DESIGN SKILLS CAN TURN A $20 PLAN INTO A JUNIOR DESIGN SYSTEM ASSISTANT A blank prompt makes Claude judge design like a generalist, one screen at a time, with too much room for random taste and vague feedback Design Skills give it a repeatable way to look at interface work: spacing, hierarchy, contrast, component consistency, states, layout rhythm, and the small visual rules that make a product feel finished That is where it becomes useful for a designer, it can review a rough screen, catch what feels off, suggest a cleaner structure, keep repeated components aligned, and explain the changes in a way that feels closer to a design lead than a prompt response The value is not that Claude becomes "creative" and the value is that its judgment becomes repeatable, so the same design standards can be applied across every screen instead of being rebuilt from scratch in every chat Check the full article about cowork and skills below
0:45

CLAUDE DESIGN SKILLS CAN TURN A $20 PLAN INTO A JUNIOR DESIGN SYSTEM ASSISTANT A blank prompt makes Claude judge design like a generalist, one screen at a time, with too much room for random taste and vague feedback Design Skills give it a repeatable way to look at interface work: spacing, hierarchy, contrast, component consistency, states, layout rhythm, and the small visual rules that make a product feel finished That is where it becomes useful for a designer, it can review a rough screen, catch what feels off, suggest a cleaner structure, keep repeated components aligned, and explain the changes in a way that feels closer to a design lead than a prompt response The value is not that Claude becomes "creative" and the value is that its judgment becomes repeatable, so the same design standards can be applied across every screen instead of being rebuilt from scratch in every chat Check the full article about cowork and skills below

Penguin

10,349 views • 1 month ago

How to create a full frontend from one design: 1. Screenshot the design 2. Generate prompts in CopyCoder 3. Paste prompts into Cursor and keep typing "yes" until the build is done → Full frontend app with all the pages created
10:37

How to create a full frontend from one design: 1. Screenshot the design 2. Generate prompts in CopyCoder 3. Paste prompts into Cursor and keep typing "yes" until the build is done → Full frontend app with all the pages created

Moritz Kremb

58,814 views • 1 year ago

🇺🇸 Claude drops a new design feature… and suddenly Figma and Adobe shares start sliding, with Figma taking the hardest hit. Why? Because you can now build prototypes, websites, presentations, and one-pagers just by chatting. No design tools, no steep learning curve; just prompts. Entire workflows just got replaced by a conversation. Brutal.
1:21

🇺🇸 Claude drops a new design feature… and suddenly Figma and Adobe shares start sliding, with Figma taking the hardest hit. Why? Because you can now build prototypes, websites, presentations, and one-pagers just by chatting. No design tools, no steep learning curve; just prompts. Entire workflows just got replaced by a conversation. Brutal.

Mario Nawfal

195,502 views • 3 months ago

Every frontend developer just stopped opening DevTools. Your AI coding agent can now reverse-engineer the entire design system of any website directly from the terminal. Just type: /design And it instantly extracts: • Brand colors • Fonts & typography • Spacing system • Buttons & UI components • Layout patterns • Design tokens Then saves everything into a structured DESIGN.md file your AI agent can understand and reuse. Powered by Hyperbrowser + Claude Code MCP. The crazy part? You can now study, replicate, and rebuild world-class UI systems in minutes instead of wasting hours manually inspecting websites. This changes how vibe coding works forever. Repo👇
0:26

Every frontend developer just stopped opening DevTools. Your AI coding agent can now reverse-engineer the entire design system of any website directly from the terminal. Just type: /design And it instantly extracts: • Brand colors • Fonts & typography • Spacing system • Buttons & UI components • Layout patterns • Design tokens Then saves everything into a structured DESIGN.md file your AI agent can understand and reuse. Powered by Hyperbrowser + Claude Code MCP. The crazy part? You can now study, replicate, and rebuild world-class UI systems in minutes instead of wasting hours manually inspecting websites. This changes how vibe coding works forever. Repo👇

divyansh tiwari

78,201 views • 2 months ago

A designer who can ship code is one of the most valuable hires in tech today. Here's my new episode with Felix Lee (CEO of ADPList) where he showed me how to use Claude Code and Figma MCP to go from: ✅ Figma → Code: Design to website in 15 min ✅ Code → Figma: App back to editable design Felix also demoed a few apps he's designed and built in Claude Code, including a 3D globe website and a landing page analyzer. Some takeaways from Felix: 1. Stop pasting screenshots into Claude Code. Instead, use Figma MCP to pull in all your assets, icons, and images automatically. 2. You can use the same MCP to convert code back into editable Figma layers to explore more variations. 3. An underrated way to build: Use FigJam to plan a flowchart of your app first, then paste the link into Claude Code with the MCP. 📌 Watch now: Thanks to our sponsors: Replit ⠕: Plan, design, and build with AI agents Linear: The AI agent platform for modern teams
0:48

A designer who can ship code is one of the most valuable hires in tech today. Here's my new episode with Felix Lee (CEO of ADPList) where he showed me how to use Claude Code and Figma MCP to go from: ✅ Figma → Code: Design to website in 15 min ✅ Code → Figma: App back to editable design Felix also demoed a few apps he's designed and built in Claude Code, including a 3D globe website and a landing page analyzer. Some takeaways from Felix: 1. Stop pasting screenshots into Claude Code. Instead, use Figma MCP to pull in all your assets, icons, and images automatically. 2. You can use the same MCP to convert code back into editable Figma layers to explore more variations. 3. An underrated way to build: Use FigJam to plan a flowchart of your app first, then paste the link into Claude Code with the MCP. 📌 Watch now: Thanks to our sponsors: Replit ⠕: Plan, design, and build with AI agents Linear: The AI agent platform for modern teams

Peter Yang

77,115 views • 4 months ago

just dropped a 24-min walkthrough showing how I turn raw n8n automations into actual front-end apps that your team can use no clunky JSON files, no ugly interfaces, and no dev team required I built a clean UI for one of my n8n flows - start to finish - all in one session it’s not a polished SaaS - but it is a working MVP you can test, share, or hand off step-by-step: – mapped the UX in ChatGPT – built the UI live in Bolt – connected it to the backend automation by the end, I had a usable internal tool that felt like a real product — all without writing a single line of frontend code if you're building powerful automations but not wrapping them in UI… you’re missing half the value also dropped my full prompt stack for planning and generating UIs with Claude or ChatGPT want the prompts? comment “UI”, follow + repost and I’ll send them over (must be following so I can DM)
24:30

just dropped a 24-min walkthrough showing how I turn raw n8n automations into actual front-end apps that your team can use no clunky JSON files, no ugly interfaces, and no dev team required I built a clean UI for one of my n8n flows - start to finish - all in one session it’s not a polished SaaS - but it is a working MVP you can test, share, or hand off step-by-step: – mapped the UX in ChatGPT – built the UI live in Bolt – connected it to the backend automation by the end, I had a usable internal tool that felt like a real product — all without writing a single line of frontend code if you're building powerful automations but not wrapping them in UI… you’re missing half the value also dropped my full prompt stack for planning and generating UIs with Claude or ChatGPT want the prompts? comment “UI”, follow + repost and I’ll send them over (must be following so I can DM)

J.B.

58,239 views • 1 year ago

Cat Wu, head of product for Claude Code at Anthropic: "you can build almost anything with Claude from a single prompt now" one prompt gets you a working screen, not YOUR product Claude Code has never seen your design system, so it guesses the look fresh every time. how to hand Claude Code that system is in the article. better than the $300 design course in your tabs, and this one's free.
12:14

Cat Wu, head of product for Claude Code at Anthropic: "you can build almost anything with Claude from a single prompt now" one prompt gets you a working screen, not YOUR product Claude Code has never seen your design system, so it guesses the look fresh every time. how to hand Claude Code that system is in the article. better than the $300 design course in your tabs, and this one's free.

Mnimiy

113,663 views • 1 month ago

🚨 One UI 9.5 design Just Leaked... Through Samsung Health? Is Samsung Health giving us a sneak peek at the future of One UI? The latest update looks stunning with transparent cards and real-time blur effects throughout the app. It feels much more modern and polished compared to the current One UI design language. Honestly, this looks like something straight out of a future One UI release. Maybe One UI 9.5? 🤔 If Samsung brings this UI across the entire Galaxy ecosystem, we're in for a beautiful visual refresh. What do you think? Is Samsung Health the first app showcasing Samsung's next design direction?
0:28

🚨 One UI 9.5 design Just Leaked... Through Samsung Health? Is Samsung Health giving us a sneak peek at the future of One UI? The latest update looks stunning with transparent cards and real-time blur effects throughout the app. It feels much more modern and polished compared to the current One UI design language. Honestly, this looks like something straight out of a future One UI release. Maybe One UI 9.5? 🤔 If Samsung brings this UI across the entire Galaxy ecosystem, we're in for a beautiful visual refresh. What do you think? Is Samsung Health the first app showcasing Samsung's next design direction?

S M A Sithick

31,905 views • 1 month ago

Claude Code with Sonnet 4.5 is actually incredible I gave it a prompt for a super complex app, and it one shot the entire thing In this video I walk you through how to use Claude Code to build a prompt library app you can start using immediately (no coding experience required):
19:42

Claude Code with Sonnet 4.5 is actually incredible I gave it a prompt for a super complex app, and it one shot the entire thing In this video I walk you through how to use Claude Code to build a prompt library app you can start using immediately (no coding experience required):

Alex Finn

40,955 views • 10 months ago

Today we’re launching Design Canvas for AI agents. AI can build a feature, but every "design tweak" turns into another prompt. We built a drag & drop editor for Claude Code, Cursor, Codex to explore and iterate on your UI, so you get the best design by default. No endless prompting. Ship better designs in code with Subframe.
0:54

Today we’re launching Design Canvas for AI agents. AI can build a feature, but every "design tweak" turns into another prompt. We built a drag & drop editor for Claude Code, Cursor, Codex to explore and iterate on your UI, so you get the best design by default. No endless prompting. Ship better designs in code with Subframe.

Irvin Zhan

300,276 views • 5 months ago

This girl turned a simple Claude-Canva connection into a $25,000/month money machine, bypassing years of design school. The income is incredible, but what really matters is the workflow itself. Every single image in this system is 100% generated using structured AI prompts. Agency-level skills are now completely democratized. You don't need a team, expensive software, or design experience to dominate the local business market. You only need one core system. The idea is terrifyingly simple: connect Claude to your free Canva account. Feed structured briefs into the AI to reverse-engineer professional templates. Swap out branding, aesthetics, and the entire copy using a single prompt sequence. One workflow. Endless niches. Absolute content leverage. Most people just scroll past AI and treat it like a chatbot. Smart players understand that combining LLMs with design APIs just captured maximum attention and revenue for them.
0:24

This girl turned a simple Claude-Canva connection into a $25,000/month money machine, bypassing years of design school. The income is incredible, but what really matters is the workflow itself. Every single image in this system is 100% generated using structured AI prompts. Agency-level skills are now completely democratized. You don't need a team, expensive software, or design experience to dominate the local business market. You only need one core system. The idea is terrifyingly simple: connect Claude to your free Canva account. Feed structured briefs into the AI to reverse-engineer professional templates. Swap out branding, aesthetics, and the entire copy using a single prompt sequence. One workflow. Endless niches. Absolute content leverage. Most people just scroll past AI and treat it like a chatbot. Smart players understand that combining LLMs with design APIs just captured maximum attention and revenue for them.

Ridark

72,778 views • 2 months ago

BRO this is CRAZY. This secret tool just collapsed the entire frontend design phase into 15 minutes. Three design variants in parallel, refined to a final v2, all on one canvas. Most builders are still prompting one design, waiting, then re-prompting from scratch. Hours wasted per screen. This 4-step workflow fixes that: (full breakdown in the article)
0:32

BRO this is CRAZY. This secret tool just collapsed the entire frontend design phase into 15 minutes. Three design variants in parallel, refined to a final v2, all on one canvas. Most builders are still prompting one design, waiting, then re-prompting from scratch. Hours wasted per screen. This 4-step workflow fixes that: (full breakdown in the article)

Prajwal Tomar

29,681 views • 2 months ago

UI/UX Designers, did you know you can turn your Figma mobile designs app into fully native iOS apps in seconds, without deep design or development skills? Superapp is an AI iOS app builder that lets you describe your app ideas or copy link to selection of the design in Figma, then instantly generates fully native iOS apps without writing code, all done in under 30-seconds. You can refine your app build through a chat-like flow, then deploy it straight to App Store.
0:35

UI/UX Designers, did you know you can turn your Figma mobile designs app into fully native iOS apps in seconds, without deep design or development skills? Superapp is an AI iOS app builder that lets you describe your app ideas or copy link to selection of the design in Figma, then instantly generates fully native iOS apps without writing code, all done in under 30-seconds. You can refine your app build through a chat-like flow, then deploy it straight to App Store.

Abraham John 🦄🦓

29,489 views • 5 months 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

400,187 views • 4 months ago

I used to design by screenshotting real products into Figma → just to design against real production UI. 🤔 But now I just capture any live web component, remix it in a vibe design playground, explore multiple directions with an AI designer, and let Claude push the final version to production.🤘 Designing on reality > mockups, crazy how far things evolved past few month Here’s how I used it to redesigned Superdesign’s own prompt input UI 👇 The browser plugin:
0:35

I used to design by screenshotting real products into Figma → just to design against real production UI. 🤔 But now I just capture any live web component, remix it in a vibe design playground, explore multiple directions with an AI designer, and let Claude push the final version to production.🤘 Designing on reality > mockups, crazy how far things evolved past few month Here’s how I used it to redesigned Superdesign’s own prompt input UI 👇 The browser plugin:

Jason Zhou

33,290 views • 5 months ago

That gap between design and production? Closed. 🔁 GitHub Copilot, Visual Studio Code, and Figma now create a continuous loop. With the bidirectional Figma MCP server, Copilot users can: 🔹 Pull design context into code 🔹 Push working UI back to the canvas Connect your canvas and stay in the flow. 👇
1:40

That gap between design and production? Closed. 🔁 GitHub Copilot, Visual Studio Code, and Figma now create a continuous loop. With the bidirectional Figma MCP server, Copilot users can: 🔹 Pull design context into code 🔹 Push working UI back to the canvas Connect your canvas and stay in the flow. 👇

GitHub

113,197 views • 4 months ago

Anthropic released Claude Design TODAY and it's now accessible at I spent the last hour giving it a first look, and shared my thoughts and results in the video below. This is a BIG drop. This is a new design surface from Anthropic, and it changes what "AI design" means. Short version: Claude can now design. Not "describe a design." Not "generate an image of a design." Actual production work — prototypes, wireframes, high-fidelity mocks, slide decks, landing pages — editable, on-brand, and ready to hand off. Here's what stood out on first look: → Real design surfaces Prototypes, wireframes, hi-fi, and slide decks — each with templates and proper structure, not just pretty screenshots. → Comment-based edits Leave a comment on any element and Claude revises it. This is the Figma-style review loop, with the designer replaced by a model that works at 3am. → Brand design systems You can feed it your system — colors, type, components — and it actually respects it. On-brand output, not generic AI slop. → Export anywhere PDF, PowerPoint, Canva, standalone HTML. Plus a built-in handoff straight to Claude Code for engineers to implement. → Import from real tools Figma, GitHub, and captured web elements come in as inputs. Your existing work is the starting line, not the discard pile. → Collaboration Share links for view / comment / edit — the exact tier system teams already expect. What I tested on Opus 4.7: • A 5-slide deck generated from a single screenshot. Claude asked clarifying questions BEFORE generating and shipped speaker notes by default. • A landing page build. Solid first pass, real components, real layout logic. • Multiple chats running concurrently. You can parallelize design work across threads like a small team. Why this matters: PMs, founders, marketers, and non-engineers can now create designs that engineers can actually ship with production-ready output and a claude code handoff built in. The gap between "I have an idea" and "here's a working prototype with my brand applied" just collapsed to minutes. Full walkthrough, live demos, exports, and honest takes on where it breaks below. P.S. • This is an Anthropic Labs product — NOT GA yet. • Claude Design is currently webapp only (no API), and does not yet support the Analytics API, Compliance API, or cost/usage reporting. • Availability: – Default ON for Pro / Max / Team – Default OFF for Enterprise Enterprise admins can toggle it on via RBAC in console (comes with a ~$20/user initial credit).
18:30

Anthropic released Claude Design TODAY and it's now accessible at I spent the last hour giving it a first look, and shared my thoughts and results in the video below. This is a BIG drop. This is a new design surface from Anthropic, and it changes what "AI design" means. Short version: Claude can now design. Not "describe a design." Not "generate an image of a design." Actual production work — prototypes, wireframes, high-fidelity mocks, slide decks, landing pages — editable, on-brand, and ready to hand off. Here's what stood out on first look: → Real design surfaces Prototypes, wireframes, hi-fi, and slide decks — each with templates and proper structure, not just pretty screenshots. → Comment-based edits Leave a comment on any element and Claude revises it. This is the Figma-style review loop, with the designer replaced by a model that works at 3am. → Brand design systems You can feed it your system — colors, type, components — and it actually respects it. On-brand output, not generic AI slop. → Export anywhere PDF, PowerPoint, Canva, standalone HTML. Plus a built-in handoff straight to Claude Code for engineers to implement. → Import from real tools Figma, GitHub, and captured web elements come in as inputs. Your existing work is the starting line, not the discard pile. → Collaboration Share links for view / comment / edit — the exact tier system teams already expect. What I tested on Opus 4.7: • A 5-slide deck generated from a single screenshot. Claude asked clarifying questions BEFORE generating and shipped speaker notes by default. • A landing page build. Solid first pass, real components, real layout logic. • Multiple chats running concurrently. You can parallelize design work across threads like a small team. Why this matters: PMs, founders, marketers, and non-engineers can now create designs that engineers can actually ship with production-ready output and a claude code handoff built in. The gap between "I have an idea" and "here's a working prototype with my brand applied" just collapsed to minutes. Full walkthrough, live demos, exports, and honest takes on where it breaks below. P.S. • This is an Anthropic Labs product — NOT GA yet. • Claude Design is currently webapp only (no API), and does not yet support the Analytics API, Compliance API, or cost/usage reporting. • Availability: – Default ON for Pro / Max / Team – Default OFF for Enterprise Enterprise admins can toggle it on via RBAC in console (comes with a ~$20/user initial credit).

JJ Englert

32,445 views • 3 months ago

Claude Code is CRACKED at design now and I don't think people understand how BIG this is. There is now one tool that takes you from a rough idea to fully designed, agency-tier, App Store-ready screens in minutes. One design system, every screen, real native code. Most builders hand design to Claude Code, get AI-default screens, and wonder why their app looks like every other vibe coded project. This is the 3-step workflow that fixes it: (full breakdown in the article)
0:37

Claude Code is CRACKED at design now and I don't think people understand how BIG this is. There is now one tool that takes you from a rough idea to fully designed, agency-tier, App Store-ready screens in minutes. One design system, every screen, real native code. Most builders hand design to Claude Code, get AI-default screens, and wonder why their app looks like every other vibe coded project. This is the 3-step workflow that fixes it: (full breakdown in the article)

Prajwal Tomar

105,433 views • 29 days ago

Gamma is now on Claude! You can generate a presentation with Gamma directly in your Claude chat. Connect Gamma and instantly turn any conversation into something you'd share with your team or present to the world. You can also: - Connect to Gmail, Slack, or HubSpot ("turn this email into a deck") - Fully edit your presentation in Gamma for any tweaks Take that research task, strategy proposal, or project summary and turn it into a polished presentation. Think with Claude. Visualize with Gamma.
0:46

Gamma is now on Claude! You can generate a presentation with Gamma directly in your Claude chat. Connect Gamma and instantly turn any conversation into something you'd share with your team or present to the world. You can also: - Connect to Gmail, Slack, or HubSpot ("turn this email into a deck") - Fully edit your presentation in Gamma for any tweaks Take that research task, strategy proposal, or project summary and turn it into a polished presentation. Think with Claude. Visualize with Gamma.

Gamma

80,347 views • 5 months ago

how to use Google's NEW open source Design.md + AI Skills to make your startup look like a $100 million company in 1 hour: 1. Design.md is an open source file from Google that captures the soul of a design. Typography, colors, spacing, all in one markdown file. You attach it to your prompt and your agent builds beautiful things every time. 2. Think of it this way. The HTML is the finished dish. The design.md is the recipe. The skills are the ingredients. Put them together and everything you build looks consistent and professional. 3. Don't create a design system from scratch. Find a brand you love. Linear, Stripe, Vercel, whatever resonates. Study it. Use ChatGPT or Claude to help you extract the design language into your own design.md file. 4. Build skills on top of your design.md. A landing page skill. A mobile app skill. A motion design skill. A slide deck skill. Each one references the same design.md so everything looks like it came from the same designer. 5. The biggest mistake people make: they nail one screen and then everything else looks generic. Design.md solves this. One file keeps every page, every format, every medium consistent. 6. Use it across everything. Your landing page. Your app. Your pitch deck. Your promo videos. Same DNA. Same taste. Same system. That's what separates a startup that looks real from one that looks vibe-coded. 7. Build a second brain for design inspiration. When you see something beautiful in the real world or online, capture it. Save it. When you're building something new, reference it. Taste is developed, not downloaded. 8. It's obvious but the difference between a product people trust and a product people bounce from is how it looks and feels. Design.md gives you that edge. you can watch below shoutout to Meng To for coming on The Startup Ideas Podcast (SIP) 🧃 and walking through his full workflow. if you want to use AI to actually build gorgeous designs, you'll want to use see this. watch
51:01

how to use Google's NEW open source Design.md + AI Skills to make your startup look like a $100 million company in 1 hour: 1. Design.md is an open source file from Google that captures the soul of a design. Typography, colors, spacing, all in one markdown file. You attach it to your prompt and your agent builds beautiful things every time. 2. Think of it this way. The HTML is the finished dish. The design.md is the recipe. The skills are the ingredients. Put them together and everything you build looks consistent and professional. 3. Don't create a design system from scratch. Find a brand you love. Linear, Stripe, Vercel, whatever resonates. Study it. Use ChatGPT or Claude to help you extract the design language into your own design.md file. 4. Build skills on top of your design.md. A landing page skill. A mobile app skill. A motion design skill. A slide deck skill. Each one references the same design.md so everything looks like it came from the same designer. 5. The biggest mistake people make: they nail one screen and then everything else looks generic. Design.md solves this. One file keeps every page, every format, every medium consistent. 6. Use it across everything. Your landing page. Your app. Your pitch deck. Your promo videos. Same DNA. Same taste. Same system. That's what separates a startup that looks real from one that looks vibe-coded. 7. Build a second brain for design inspiration. When you see something beautiful in the real world or online, capture it. Save it. When you're building something new, reference it. Taste is developed, not downloaded. 8. It's obvious but the difference between a product people trust and a product people bounce from is how it looks and feels. Design.md gives you that edge. you can watch below shoutout to Meng To for coming on The Startup Ideas Podcast (SIP) 🧃 and walking through his full workflow. if you want to use AI to actually build gorgeous designs, you'll want to use see this. watch

GREG ISENBERG

507,989 views • 3 months ago