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.

Spent the last day designing this using only Claude Code aside from the shader which was made in Paper. Didn't draw a single rectangle. Forcing myself to only design with Claude going forward 🫡

Steve Schoger

127,554 subscribers

166,189 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

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

43,939 views • 5 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

58,978 views • 4 months ago

Built and published the fictional design agency archive from day 12 using Claude Code + Figma MCP. Claude got the project surprisingly close very quickly, but the final polish still came down to human direction, especially around motion, depth, blur, and interaction feel. Live link in thread.

Built and published the fictional design agency archive from day 12 using Claude Code + Figma MCP. Claude got the project surprisingly close very quickly, but the final polish still came down to human direction, especially around motion, depth, blur, and interaction feel. Live link in thread.

Emisho

23,807 views • 4 months ago

Claude Code ships with a built-in skill for working with the Claude Platform. Useful for model migrations, using API features (e.g., prompt caching), or onboarding to newer APIs like Claude Managed Agents.

Claude Code ships with a built-in skill for working with the Claude Platform. Useful for model migrations, using API features (e.g., prompt caching), or onboarding to newer APIs like Claude Managed Agents.

ClaudeDevs

314,193 views • 4 months ago

that’s it. you only have to read this one article to: > learn claude skill foundations > learn claude skill architecture > learn claude skill testing > learn claude skill production which will let you create claude skills that: 1: automate your workflow’s 2: make you more productive 3: outperform your competitors welcome to the land of automation my claude cowork and claude code friends!

that’s it. you only have to read this one article to: > learn claude skill foundations > learn claude skill architecture > learn claude skill testing > learn claude skill production which will let you create claude skills that: 1: automate your workflow’s 2: make you more productive 3: outperform your competitors welcome to the land of automation my claude cowork and claude code friends!

hoeem

509,565 views • 6 months ago

Now in Claude Code: when you rewind a conversation using /rewind or hitting ESC twice, Claude can summarize the part of the conversation that was rewound. Use this to explore different paths and take the learnings "back in time".

Now in Claude Code: when you rewind a conversation using /rewind or hitting ESC twice, Claude can summarize the part of the conversation that was rewound. Use this to explore different paths and take the learnings "back in time".

Thariq

301,858 views • 7 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 • 9 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 • 3 months ago

HE DESCRIBED A SITE TO CLAUDE CODE AND WALKED AWAY FOR 8 MINUTES What came back looked like a studio spent weeks on it. The setup that made it work: > Two design skills installed - Claude stops using safe boring defaults. > Visual references instead of text descriptions. > One detailed prompt with the concept, Claude asks clarifying questions before building. First version already solid -> review pass, one batch of fixes, done. What used to take a designer and a developer and several weeks of handoffs now takes a single session and no coding experience. Full walkthrough in the article below ↓

HE DESCRIBED A SITE TO CLAUDE CODE AND WALKED AWAY FOR 8 MINUTES What came back looked like a studio spent weeks on it. The setup that made it work: > Two design skills installed - Claude stops using safe boring defaults. > Visual references instead of text descriptions. > One detailed prompt with the concept, Claude asks clarifying questions before building. First version already solid -> review pass, one batch of fixes, done. What used to take a designer and a developer and several weeks of handoffs now takes a single session and no coding experience. Full walkthrough in the article below ↓

slash1s

53,000 views • 2 months ago

Claude Code 2.1.90 just dropped with a new /powerup command Run it and you get interactive lessons that teach you how to use Claude Code right inside the tool. It's solid and has a lot of potential for learning directly in the terminal. Curious how the UI will look in VSCode and Claude Code Desktop. Going to keep digging into this new release!

Claude Code 2.1.90 just dropped with a new /powerup command Run it and you get interactive lessons that teach you how to use Claude Code right inside the tool. It's solid and has a lot of potential for learning directly in the terminal. Curious how the UI will look in VSCode and Claude Code Desktop. Going to keep digging into this new release!

Daniel San

271,777 views • 5 months ago

The lines between code & content are blurring. I made this 3d city block animation in claude 3.7. Then I used runway gen-3's video-to-video to style it like a lego city at night. At the rate things are going, this'll be a shader running in real-time.

The lines between code & content are blurring. I made this 3d city block animation in claude 3.7. Then I used runway gen-3's video-to-video to style it like a lego city at night. At the rate things are going, this'll be a shader running in real-time.

Bilawal Sidhu

487,987 views • 1 year ago

Russian engineering student built a device that made him $15,400 in a month on Polymarket components cost him $10 ESP32 + OLED + 6 buttons each button -> one whale he follows Claude analyzes every trade they make and only alerts him on the high-potential ones red LED + beep when a whale makes a move worth copying without Claude -> 1000+ alerts/day, pure noise with Claude -> 5-10 alerts/day, all actionable the edge isn't blindly following whales it's only entering the trades that are actually worth copying schematic + code below 👇

Russian engineering student built a device that made him $15,400 in a month on Polymarket components cost him $10 ESP32 + OLED + 6 buttons each button -> one whale he follows Claude analyzes every trade they make and only alerts him on the high-potential ones red LED + beep when a whale makes a move worth copying without Claude -> 1000+ alerts/day, pure noise with Claude -> 5-10 alerts/day, all actionable the edge isn't blindly following whales it's only entering the trades that are actually worth copying schematic + code below 👇

Paone

20,915 views • 4 months ago

I created this from a simple Telegram prompt 🔥 - @clawedbot running on Laravel VPS - using Claude Code - using Eleven Labs and my voice clone - using Remotion to bring it together This was the result after two prompts. (< 10min)

I created this from a simple Telegram prompt 🔥 - @clawedbot running on Laravel VPS - using Claude Code - using Eleven Labs and my voice clone - using Remotion to bring it together This was the result after two prompts. (< 10min)

Christoph Rumpel 🤠

24,987 views • 7 months ago

Our developer conference Code with Claude returns this spring, this time in San Francisco, London, and Tokyo. Join us for a full day of workshops, demos, and 1:1 office hours with teams behind Claude. Register to watch from anywhere or apply to attend:

Our developer conference Code with Claude returns this spring, this time in San Francisco, London, and Tokyo. Join us for a full day of workshops, demos, and 1:1 office hours with teams behind Claude. Register to watch from anywhere or apply to attend:

Claude

1,868,573 views • 6 months ago

Claude Fable 5 and Opus 5 are #1 when it comes to UI. GPT 5.6 Sol and Grok 4.6 don't come anywhere close to the design capabilities that Claude models have. Even though Fable 5 and Opus 5 are slow and expensive I keep finding myself reaching for them for design. This hero section was made with Fable 5 and Opus 5.

Claude Fable 5 and Opus 5 are #1 when it comes to UI. GPT 5.6 Sol and Grok 4.6 don't come anywhere close to the design capabilities that Claude models have. Even though Fable 5 and Opus 5 are slow and expensive I keep finding myself reaching for them for design. This hero section was made with Fable 5 and Opus 5.

BridgeMind

58,743 views • 26 days ago

19-year-old from china makes $9,000/month designing product sites and ships each one in an afternoon. here's his exact setup the whole thing runs on two tools that each do one job: > brief written by hand: 5 min > Moonchild builds the design system, then every screen from it: 20 min > MCP hands the design to Claude as real structure, not a screenshot: instant > Claude Code reads those exact tokens and builds the live app: 20 min > second Claude session reviews the build for drift: 10 min total: about an hour. screen five still matches screen one. no agency, no dev, no design team the trick is MCP. the design tool passes Claude the actual colors, components and layout, so it builds from the source instead of guessing from a picture. full pipeline, every prompt, in the article above.

19-year-old from china makes $9,000/month designing product sites and ships each one in an afternoon. here's his exact setup the whole thing runs on two tools that each do one job: > brief written by hand: 5 min > Moonchild builds the design system, then every screen from it: 20 min > MCP hands the design to Claude as real structure, not a screenshot: instant > Claude Code reads those exact tokens and builds the live app: 20 min > second Claude session reviews the build for drift: 10 min total: about an hour. screen five still matches screen one. no agency, no dev, no design team the trick is MCP. the design tool passes Claude the actual colors, components and layout, so it builds from the source instead of guessing from a picture. full pipeline, every prompt, in the article above.

Ridark

19,477 views • 3 months ago

made this with text to lottie and claude code my workflow: design something in figma or just make a rough draft. then ask claude to animate it you'd be surprised how easy it is to add easings, masks, transforms, text effects and all the motion details you can also ask claude to export it as a gif, mp4, png sequence, resize it in different aspect ratios claude and codex already creates something with taste and if you know what you want to create, this workflow is really useful and btw, it's free

made this with text to lottie and claude code my workflow: design something in figma or just make a rough draft. then ask claude to animate it you'd be surprised how easy it is to add easings, masks, transforms, text effects and all the motion details you can also ask claude to export it as a gif, mp4, png sequence, resize it in different aspect ratios claude and codex already creates something with taste and if you know what you want to create, this workflow is really useful and btw, it's free

Doruk

14,966 views • 3 months ago

one of my favorite ways to use claude code skills right now - combining remotion with claude-in-chrome for motion video creation. the workflow is addictive. the clip you see here was produced with minimal prompting effort let me know if you would like me to write a full break down of this process. you describe to claude code what you want, claude code writes the remotion components, opens the remotion studio (via browser) with claude-in-chrome, sees the actual rendered output, and iterates on it in real time. need the arrows pointing to the center of the bubbles instead of the edge? just say it. need the layout shifted to the center? say it. claude sees the preview, adjusts the code, re-renders. then when you're happy you tell claude code to render the final video. but skills are what make this possible. remotion knowledge + browser automation + the taste to iterate visually. no copy pasting screenshots back and forth. no "can you try moving it 10px to the right" over chat. it just looks and fixes. this is the kind of workflow that makes you realize how much further claude code can go beyond just writing code in a terminal. i didn't touch any code while working on the clip you see if you haven't tried combining skills together like this - start experimenting. the skills combos is where the magic is at.

one of my favorite ways to use claude code skills right now - combining remotion with claude-in-chrome for motion video creation. the workflow is addictive. the clip you see here was produced with minimal prompting effort let me know if you would like me to write a full break down of this process. you describe to claude code what you want, claude code writes the remotion components, opens the remotion studio (via browser) with claude-in-chrome, sees the actual rendered output, and iterates on it in real time. need the arrows pointing to the center of the bubbles instead of the edge? just say it. need the layout shifted to the center? say it. claude sees the preview, adjusts the code, re-renders. then when you're happy you tell claude code to render the final video. but skills are what make this possible. remotion knowledge + browser automation + the taste to iterate visually. no copy pasting screenshots back and forth. no "can you try moving it 10px to the right" over chat. it just looks and fixes. this is the kind of workflow that makes you realize how much further claude code can go beyond just writing code in a terminal. i didn't touch any code while working on the clip you see if you haven't tried combining skills together like this - start experimenting. the skills combos is where the magic is at.

elvis

46,533 views • 7 months ago

Today we’re sharing an update on Claude’s protein design capabilities. Working with Adaptyv Bio and Twist Bioscience, Claude designed de novo protein binders against 14 of 15 targets. With a 30k token prompt written by a human expert, Claude achieved hit rates up to 28.2% when designing against all targets simultaneously over 48 hours, with no human intervention or steering. When designing against a single target in a 24 hour campaign, Claude achieved an overall hit rate of 35%. We included all targets in Adaptyv’s BenchBB, and novel targets 15-PGDH and GDF-8. Claude performs at or beyond the level of the top competition participants in both hit rate and binding affinity.

Today we’re sharing an update on Claude’s protein design capabilities. Working with Adaptyv Bio and Twist Bioscience, Claude designed de novo protein binders against 14 of 15 targets. With a 30k token prompt written by a human expert, Claude achieved hit rates up to 28.2% when designing against all targets simultaneously over 48 hours, with no human intervention or steering. When designing against a single target in a 24 hour campaign, Claude achieved an overall hit rate of 35%. We included all targets in Adaptyv’s BenchBB, and novel targets 15-PGDH and GDF-8. Claude performs at or beyond the level of the top competition participants in both hit rate and binding affinity.

Nathan C. Frey

44,785 views • 28 days ago

You can now create charts directly in Claude without leaving the interface using Dune MCP! Need a breakdown on Stablecoin transfer volume in the last 30 days? Build it in minutes with one single prompt!

You can now create charts directly in Claude without leaving the interface using Dune MCP! Need a breakdown on Stablecoin transfer volume in the last 30 days? Build it in minutes with one single prompt!

Dune

16,978 views • 3 months ago