Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 🫡

steveschoger's profile picture

Steve Schoger

127,703 subscribers

165,651 Aufrufe • vor 5 Monaten •via X (Twitter)

KunstWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche 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.
0:13

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,637 Aufrufe • vor 3 Monaten

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)
0:17

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

57,020 Aufrufe • vor 2 Monaten

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

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

22,711 Aufrufe • vor 2 Monaten

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

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

313,187 Aufrufe • vor 3 Monaten

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!
0:12

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

508,155 Aufrufe • vor 4 Monaten

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".
0:15

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,423 Aufrufe • vor 5 Monaten

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

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,910 Aufrufe • vor 8 Monaten

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

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

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!
0:18

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,369 Aufrufe • vor 3 Monaten

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

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

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 👇
0:12

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,908 Aufrufe • vor 3 Monaten

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)
0:17

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 Aufrufe • vor 6 Monaten

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

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,865,274 Aufrufe • vor 4 Monaten

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

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 Aufrufe • vor 1 Monat

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

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,464 Aufrufe • vor 5 Monaten

Claude Code made key sections of my launch video for me (quoted) In this specific chunk, I had Claude write out a fake terminal interaction using ANSI codes so I could time it out to the music and create the ANSI explosion effect! There are a couple other tricks here too 1/
0:14

Claude Code made key sections of my launch video for me (quoted) In this specific chunk, I had Claude write out a fake terminal interaction using ANSI codes so I could time it out to the music and create the ANSI explosion effect! There are a couple other tricks here too 1/

Aaron Francis

31,563 Aufrufe • vor 5 Monaten

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!
0:18

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 Aufrufe • vor 1 Monat

They quoted him $6,000 for a website He opened Claude Code instead 4 minutes later it was live The gap between knowing how to use Claude Code and not knowing is worth thousands EngineerKit is what made this possible It's on full guide below
0:13

They quoted him $6,000 for a website He opened Claude Code instead 4 minutes later it was live The gap between knowing how to use Claude Code and not knowing is worth thousands EngineerKit is what made this possible It's on full guide below

Madni Aghadi

77,742 Aufrufe • vor 1 Monat

Claude Code Scheduled Tasks is now available... here's a solid idea to connect it with Telegram Save this so you don't forget to set it up! First, ask Claude to add a simple Telegram messaging module to your repo. You can use the Telegram Bot Builder Skill from Link: Install command: npx claude-code-templates@latest --skill enterprise-communication/telegram-bot-builder Once the module is in your project, grab your bot credentials from BotFather and add the bot ID to your .env file That's it! ✅ Now every Scheduled Task you create should end with an instruction for Claude to send the task result to Telegram using that module. Claude will handle the delivery automatically on every task it runs
0:18

Claude Code Scheduled Tasks is now available... here's a solid idea to connect it with Telegram Save this so you don't forget to set it up! First, ask Claude to add a simple Telegram messaging module to your repo. You can use the Telegram Bot Builder Skill from Link: Install command: npx claude-code-templates@latest --skill enterprise-communication/telegram-bot-builder Once the module is in your project, grab your bot credentials from BotFather and add the bot ID to your .env file That's it! ✅ Now every Scheduled Task you create should end with an instruction for Claude to send the task result to Telegram using that module. Claude will handle the delivery automatically on every task it runs

Daniel San

91,123 Aufrufe • vor 4 Monaten

THIS ENGINEER USES HIS HANDS AS A REMOTE CONTROL. CLAUDE MADE THAT POSSIBLE he opened claude and described the idea and got the full code he strapped sensors to his hands and walked outside and the drone followed every move his colleagues are still reading arduino documentation the only thing separating them is one conversation with claude every flex is a command and every gesture is a signal and zero remote needed save this so you don’t forget how to set it up
0:10

THIS ENGINEER USES HIS HANDS AS A REMOTE CONTROL. CLAUDE MADE THAT POSSIBLE he opened claude and described the idea and got the full code he strapped sensors to his hands and walked outside and the drone followed every move his colleagues are still reading arduino documentation the only thing separating them is one conversation with claude every flex is a command and every gesture is a signal and zero remote needed save this so you don’t forget how to set it up

leopardracer

16,382 Aufrufe • vor 2 Monaten