Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Hey... so... Claude Code is really good at design?? 👀 This was a ONE SHOT PROMPT. 🤯 We always asked Lovable to build "Design System" pages for our apps and they were always meh. We asked Claude Code to take a swing at it just based on our logo,... show more

Jason Zook

27,179 subscribers

102,686 views • 7 months ago •via X (Twitter)

Arts Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

claude design is my all time favorite anthropic drop this year, even more than opus 4.7 its actually really really good at design and the "handoff to claude code" makes it basically copy/paste ui to the actual working product claude design made the entire ui for merl (full video on merl soon)

claude design is my all time favorite anthropic drop this year, even more than opus 4.7 its actually really really good at design and the "handoff to claude code" makes it basically copy/paste ui to the actual working product claude design made the entire ui for merl (full video on merl soon)

ashen

369,414 views • 5 months ago

This is insane! 🤯 Just built a new skill in Claude Code using Opus 4.5. The skill uses Gemini 3 Pro (via API) for designing web pages. Look at what it generated from one simple prompt.

This is insane! 🤯 Just built a new skill in Claude Code using Opus 4.5. The skill uses Gemini 3 Pro (via API) for designing web pages. Look at what it generated from one simple prompt.

elvis

152,981 views • 10 months ago

Agentic Video Editing This is crazy! I just asked Claude Code to build me an entire agent-powered video editing app. ~10K lines of code. Uses Claude Agent SDK + Claude Opus 4.6. It's really good. Runs locally. Highly customizable. You can just build things.

Agentic Video Editing This is crazy! I just asked Claude Code to build me an entire agent-powered video editing app. ~10K lines of code. Uses Claude Agent SDK + Claude Opus 4.6. It's really good. Runs locally. Highly customizable. You can just build things.

elvis

11,249 views • 8 months ago

You won't believe it, but this AIApply video was made by Claude... ✨ One-shot prompt ✨ Claude code + Github + Remotion ✨ Taking elements straight from our codebase Imagine a world where a 1-person growth team can automate and deploy product content on any channel just by linking GitHub to LLMs...

You won't believe it, but this AIApply video was made by Claude... ✨ One-shot prompt ✨ Claude code + Github + Remotion ✨ Taking elements straight from our codebase Imagine a world where a 1-person growth team can automate and deploy product content on any channel just by linking GitHub to LLMs...

Yoann Pavy

86,957 views • 8 months ago

Claude Design + Shopify is f*cking ridiculous 🤯 You can now publish pages from Claude Design → Claude Code → Shopify. Built 100% with Claude Design, Claude Code, and the Shopify CLI. Perfect for DTC brands and agencies who want to skip the design → dev handoff entirely. Here's how it works: → Design any landing page in Claude Design → Export as a zip and drop it into Claude Code → Install the Shopify + Shopify AI Toolkit plugins → Prompt Claude to convert the HTML into a Shopify page template + push to live theme → Claude uploads the images, deploys the files, and creates a published page No more handing designs off to a dev and waiting 2 weeks for a Shopify page. What you get: - A workflow that turns any Claude Design page into a real Shopify page template - Editable sections so your marketing team can swap copy, images, and CTAs without code - Images uploaded straight to Shopify Files automatically - A files-only deploy that only touches what's new in your live theme - A repeatable pipeline you can use every time you design a new landing page This is essentially the design-to-deploy pipeline brands have been waiting for. I put together a step-by-step playbook for going from Claude Design → published Shopify page. Every install, every plugin, every command, and the exact prompt that runs the whole thing. Want the playbook for free? > Like this post > Comment "SHOP" And I'll send it over (must be following so I can DM)

Claude Design + Shopify is f*cking ridiculous 🤯 You can now publish pages from Claude Design → Claude Code → Shopify. Built 100% with Claude Design, Claude Code, and the Shopify CLI. Perfect for DTC brands and agencies who want to skip the design → dev handoff entirely. Here's how it works: → Design any landing page in Claude Design → Export as a zip and drop it into Claude Code → Install the Shopify + Shopify AI Toolkit plugins → Prompt Claude to convert the HTML into a Shopify page template + push to live theme → Claude uploads the images, deploys the files, and creates a published page No more handing designs off to a dev and waiting 2 weeks for a Shopify page. What you get: - A workflow that turns any Claude Design page into a real Shopify page template - Editable sections so your marketing team can swap copy, images, and CTAs without code - Images uploaded straight to Shopify Files automatically - A files-only deploy that only touches what's new in your live theme - A repeatable pipeline you can use every time you design a new landing page This is essentially the design-to-deploy pipeline brands have been waiting for. I put together a step-by-step playbook for going from Claude Design → published Shopify page. Every install, every plugin, every command, and the exact prompt that runs the whole thing. Want the playbook for free? > Like this post > Comment "SHOP" And I'll send it over (must be following so I can DM)

Mike Futia

59,436 views • 5 months ago

In our Anthropic Claude Design study, 5 designers approved a design system before they typed their first prompt. >Brand palette >type system >components the whole thing all set up. Only 1 of them named any of it in their opening prompt. That designer was the only one to finish production-ready. The other 4 assumed Claude would carry the system over. It didn't. TLDR: Claude doesn't reliably carry the design system you just approved. If you don't name it in the prompt, it doesn’t exist. It's never been a better time to be a designer, but you must learn the art of the prompt.

ben

163,778 views • 4 months ago

Day 140 of vibe-coding as a designer. I'm shocked how few designers know about this workflow. I skipped Figma and made a beautiful Robinhood design from Claude Code + Paper, in just one prompt. Wild! 🤯 This feels like the future of design.

Day 140 of vibe-coding as a designer. I'm shocked how few designers know about this workflow. I skipped Figma and made a beautiful Robinhood design from Claude Code + Paper, in just one prompt. Wild! 🤯 This feels like the future of design.

Felix Lee

44,192 views • 6 months ago

I had to write the same Claude Code prompt 40 times in one month. Good news! Anthropic already made them. The official Claude Code prompts are sorted by task and role in the documentation and are ready to be copied and pasted. These prompts were drawn from what our teams use on a daily basis while working with Claude Code. Examples of the types of tasks these prompts cover include: * Planning * Debugging * Code review * Security * Automation Even better, each prompt describes why it works and what you're trying to achieve. This helps you learn what makes a good prompt, and eventually craft your own versions. The prompts are completely free, and we have the link below ⬇️

I had to write the same Claude Code prompt 40 times in one month. Good news! Anthropic already made them. The official Claude Code prompts are sorted by task and role in the documentation and are ready to be copied and pasted. These prompts were drawn from what our teams use on a daily basis while working with Claude Code. Examples of the types of tasks these prompts cover include: * Planning * Debugging * Code review * Security * Automation Even better, each prompt describes why it works and what you're trying to achieve. This helps you learn what makes a good prompt, and eventually craft your own versions. The prompts are completely free, and we have the link below ⬇️

Charlie Hills

17,461 views • 1 month ago

🚨Anthropic just gave Claude Code eyes and hands. read that again. it can now open apps on mac, click around macOS, find bugs visually, screenshot them, fix the code, rebuild, and verify the fix. one prompt. absolute zero human input. full autonomy. seems like Claude Code is becoming a super app. i’m so here for it.

🚨Anthropic just gave Claude Code eyes and hands. read that again. it can now open apps on mac, click around macOS, find bugs visually, screenshot them, fix the code, rebuild, and verify the fix. one prompt. absolute zero human input. full autonomy. seems like Claude Code is becoming a super app. i’m so here for it.

sui ☄️

27,357 views • 6 months ago

found this site by accident through traffic to our own website. surprised how good it is, really solid source for strong logo design.

Vadim Carazan

20,684 views • 4 months ago

Kimi K2.6 just cooked Claude on design 😭 Same prompt. Completely different output. I asked both to build a cinematic, scroll-driven indie game page. Dark. Editorial. Premium. Here's the exact prompt and what happened 👇

Kimi K2.6 just cooked Claude on design 😭 Same prompt. Completely different output. I asked both to build a cinematic, scroll-driven indie game page. Dark. Editorial. Premium. Here's the exact prompt and what happened 👇

Muhammad Ayan

162,206 views • 5 months ago

We wanted better design fundamentals from our agents. So we fed them this 162-page pdf on designing with a grid system. Now our agents use code to adhere to a grid and design beautiful layouts. Example + skill below 👇

We wanted better design fundamentals from our agents. So we fed them this 162-page pdf on designing with a grid system. Now our agents use code to adhere to a grid and design beautiful layouts. Example + skill below 👇

Hyperagent

963,796 views • 4 months ago

We shipped Claude Code as a research preview a year ago today. Developers have used it to build weekend projects, ship production apps, write code at the world's largest companies, and help plan a Mars rover drive. We built it, and you showed us what it was for.

We shipped Claude Code as a research preview a year ago today. Developers have used it to build weekend projects, ship production apps, write code at the world's largest companies, and help plan a Mars rover drive. We built it, and you showed us what it was for.

Boris Cherny

340,163 views • 7 months ago

Fable is amazing!! I gave it a prompt to "build a minecraft style roller coaster for the stock market" And it just did it. ONE SHOT! 😲🎢:

Fable is amazing!! I gave it a prompt to "build a minecraft style roller coaster for the stock market" And it just did it. ONE SHOT! 😲🎢:

jinjingliang

175,851 views • 4 months ago

I've always been kind of annoyed I wasn't better at Rubik's cube solving. So a Gemma 4 design session while on a plane w/ no internet + a Claude Code ~one shot yielded this Rubik's solver/trainer. Create your cube or paste a flat-net image of your scramble → it reads the colors, finds a 22-or-fewer-move solution, and animates the 3D cube through every turn. No backend. 100% in the browser. Run it: Code:

I've always been kind of annoyed I wasn't better at Rubik's cube solving. So a Gemma 4 design session while on a plane w/ no internet + a Claude Code ~one shot yielded this Rubik's solver/trainer. Create your cube or paste a flat-net image of your scramble → it reads the colors, finds a 22-or-fewer-move solution, and animates the 3D cube through every turn. No backend. 100% in the browser. Run it: Code:

Jeff Huber 🇺🇸

270,006 views • 5 months ago

CLIENT ASKED 20 YEAR OLD TO BUILD A "SIMPLE" WEBSITE THIS IS WHAT IT DELIVERED most websites look like this: -> Hero section -> Some text -> A few buttons -> Done Claude had other plans Here's what it built: -> Cinematic landing page with immersive animations -> Interactive particle effects -> Smooth scroll storytelling -> Premium UI inspired by Apple and luxury brands -> Responsive design without sacrificing performance → Production ready code in minutes the crazy part? there was no design agency no frontend team no weeks of back and forth revisions just one prompt and Claude Code while most developers are using AI to autocomplete code others are using it to build experiences that would've taken an entire team the gap isn't AI anymore it is imagination Bookmark this before every website starts looking like this

CLIENT ASKED 20 YEAR OLD TO BUILD A "SIMPLE" WEBSITE THIS IS WHAT IT DELIVERED most websites look like this: -> Hero section -> Some text -> A few buttons -> Done Claude had other plans Here's what it built: -> Cinematic landing page with immersive animations -> Interactive particle effects -> Smooth scroll storytelling -> Premium UI inspired by Apple and luxury brands -> Responsive design without sacrificing performance → Production ready code in minutes the crazy part? there was no design agency no frontend team no weeks of back and forth revisions just one prompt and Claude Code while most developers are using AI to autocomplete code others are using it to build experiences that would've taken an entire team the gap isn't AI anymore it is imagination Bookmark this before every website starts looking like this

0xSlyth

17,945 views • 3 months ago

the app vs. the final design. we build a lot of micro-apps for our creative workflows, and this is a glimpse into how we use them.

the app vs. the final design. we build a lot of micro-apps for our creative workflows, and this is a glimpse into how we use them.

Alex Barashkov

12,208 views • 4 months ago

grok 4.5 made this in one shot can't believe grok was able to build like this, seriously they improved it a lot more than before, now you can code well with it prompt below :)

grok 4.5 made this in one shot can't believe grok was able to build like this, seriously they improved it a lot more than before, now you can code well with it prompt below :)

Prasenjit

22,387 views • 3 months ago

Soon we will launch our new model at MagicPath. It will be the best model in the world for interface design. Design is, and always will be, the moat. Here are some one-shot results from an early checkpoint.

Soon we will launch our new model at MagicPath. It will be the best model in the world for interface design. Design is, and always will be, the moat. Here are some one-shot results from an early checkpoint.

Pietro Schirano

35,765 views • 11 months ago

Claude Mythos is Insane! If I were asked in an interview, "What do you consider the pinnacle of design skill?", that would be my exact answer. To become a reference. For me, the ultimate compliment is when your work becomes a benchmark for someone else. I want people to point at my projects, bring them to other designers, and say, "We want it exactly like this." P.S. If you want the prompt to create a design in this style, let me know in the comments!

Claude Mythos is Insane! If I were asked in an interview, "What do you consider the pinnacle of design skill?", that would be my exact answer. To become a reference. For me, the ultimate compliment is when your work becomes a benchmark for someone else. I want people to point at my projects, bring them to other designers, and say, "We want it exactly like this." P.S. If you want the prompt to create a design in this style, let me know in the comments!

FHILY👑

14,800 views • 4 months ago