Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Claude 3.7 Sonnet with Claude Code creates an entire "glass like" design system in one shot, with ALL the components. How insane is this?

skirano's profile picture

Pietro Schirano

105,222 subscribers

206,507 Aufrufe • vor 1 Jahr •via X (Twitter)

Wissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

11 Kommentare

Profilbild von Pietro Schirano
Pietro Schiranovor 1 Jahr

Notice how it even uses variables correctly and didn’t just hardcode things like colors, etc.

Profilbild von AndaSeat
AndaSeatvor 1 Jahr

⌨️ 2AM debugging session: Your code won't compile, Stack Overflow is your best friend, and your Kaiser 4 is the only one who understands... Every developer's late-night reality: 💻 "One more bug fix" turned into sunrise ☕ Coffee cup collection growing 🐛 That bug that just won't die Kaiser 4 speaks fluent Python: 🌟 4D lumbar support for those debugging postures ✨ Perfect height for multiple monitors 💫 Recline mode for code compilation breaks Because good code comes from comfortable devs! ⚡️ Debug in comfort: #AndaSeat #DevLife #CodingLife #ProgrammerSetup #gaming #gamingchair

Profilbild von Flo
Flovor 1 Jahr

Way ahead 🚀

Profilbild von Amjad Masad
Amjad Masadvor 1 Jahr

Run it in replit?

Profilbild von Pietro Schirano
Pietro Schiranovor 1 Jahr

I will :)

Profilbild von rob_decodes
rob_decodesvor 1 Jahr

I actually need to create a new components library and have been stressing about it. Stress be gone!

Profilbild von eric provencher
eric provenchervor 1 Jahr

That’s just nuts

Profilbild von Dream Machine
Dream Machinevor 1 Jahr

Taste moat is gone yes?

Profilbild von 🐧 lalo adrian morales 𝕏
🐧 lalo adrian morales 𝕏vor 1 Jahr

jeeeeeeezz!!!! that's insane! did it create a schema and backend too?

Profilbild von David 🪽
David 🪽vor 1 Jahr

Ive noticed its design skills are 🤌

Profilbild von Jeff Bizous
Jeff Bizousvor 1 Jahr

It is amazing, it solved all the issues I had with some projects... true game changer

Ähnliche Videos

OMG Claude Sonnet 3.7 is insane. I got this stunning 3D city with one shot. Look at the shadows and the way the day transitions. This is just awesome.
0:58

OMG Claude Sonnet 3.7 is insane. I got this stunning 3D city with one shot. Look at the shadows and the way the day transitions. This is just awesome.

Ozgur Ozer

534,540 Aufrufe • vor 1 Jahr

Vibe-coded this game this morning with 0 code edits. Just hit ‘accept all’ in Cursor with Claude Sonnet 3.7 and Three.js 😎
0:29

Vibe-coded this game this morning with 0 code edits. Just hit ‘accept all’ in Cursor with Claude Sonnet 3.7 and Three.js 😎

Grégory D'Angelo

1,331,552 Aufrufe • vor 1 Jahr

Claude 3.7 Sonnet is the best model in the world for code. It’s like having a world-class dev with exceptional taste. “build a next.js SaaS marketing template” And boom - 26 files of beautiful code in one shot. Absolutely unreal.
4:11

Claude 3.7 Sonnet is the best model in the world for code. It’s like having a world-class dev with exceptional taste. “build a next.js SaaS marketing template” And boom - 26 files of beautiful code in one shot. Absolutely unreal.

Mckay Wrigley

547,157 Aufrufe • vor 1 Jahr

Claude 3.7 Sonnet created this 3D “Anthropic Researcher Simulator” in one shot 🤯 Prompt below
0:41

Claude 3.7 Sonnet created this 3D “Anthropic Researcher Simulator” in one shot 🤯 Prompt below

zack

59,790 Aufrufe • vor 1 Jahr

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

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

We are living in the most insane timeline. I just asked Claude Code (with Claude Sonnet 4.5) to develop an MCP Server (end-to-end) that allows me to programatically create n8n workflows from within Claude Code itself. Took about 10 mins!
5:57

We are living in the most insane timeline. I just asked Claude Code (with Claude Sonnet 4.5) to develop an MCP Server (end-to-end) that allows me to programatically create n8n workflows from within Claude Code itself. Took about 10 mins!

elvis

221,878 Aufrufe • vor 9 Monaten

Anthropic is leading the Industry with models - like Sonnet and Opus - and developer tools - like Claude Code. Here are 5 tips to get more out of Claude Code!
2:53

Anthropic is leading the Industry with models - like Sonnet and Opus - and developer tools - like Claude Code. Here are 5 tips to get more out of Claude Code!

Jon Meyers

14,226 Aufrufe • vor 10 Monaten

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

573,337 Aufrufe • vor 1 Monat

this is insane this guy dropped claude design, but open source with a real interactive editor works with Kimi.ai and DeepSeek the post already went viral with 276k views you don't need to pay that $200 for sure claude code -> omo claude design -> slides-grab
0:29

this is insane this guy dropped claude design, but open source with a real interactive editor works with Kimi.ai and DeepSeek the post already went viral with 276k views you don't need to pay that $200 for sure claude code -> omo claude design -> slides-grab

Sisyphus Labs

22,691 Aufrufe • vor 1 Monat

Claude 3.7 coded this game one-shot, 3200 lines of code [📹by /u/1889023okdoesitwork]
0:26

Claude 3.7 coded this game one-shot, 3200 lines of code [📹by /u/1889023okdoesitwork]

Chubby♨️

48,651 Aufrufe • vor 1 Jahr

Grok Code just literally cloned the entire Netflix UI with a one shot prompt From the iconic Hero section to the interactive Carousel, all with a single prompt and a few web-sourced image links It’s not just fast, it's the most cost-effective SOTA model out there ➝ Input: Grok $0.20 vs Claude $3 (15x cheaper) ➝ Output: Grok $1.50 vs Claude $15 (10x cheaper) Here’s how you can do it in VS Code with Kilo Code Grok Code matches Claude Sonnet 4 in performance, but is 10-15x more cost-effective All this for less than $1 SOTA power, fractional cost
1:23

Grok Code just literally cloned the entire Netflix UI with a one shot prompt From the iconic Hero section to the interactive Carousel, all with a single prompt and a few web-sourced image links It’s not just fast, it's the most cost-effective SOTA model out there ➝ Input: Grok $0.20 vs Claude $3 (15x cheaper) ➝ Output: Grok $1.50 vs Claude $15 (10x cheaper) Here’s how you can do it in VS Code with Kilo Code Grok Code matches Claude Sonnet 4 in performance, but is 10-15x more cost-effective All this for less than $1 SOTA power, fractional cost

X Freeze

6,972,865 Aufrufe • vor 10 Monaten

Created a personal AI dashboard with Claude Fable 5! This entire dashboard is a one shot using my design style on Claude Design. It has a bunch of active widgets that are interactive.
0:28

Created a personal AI dashboard with Claude Fable 5! This entire dashboard is a one shot using my design style on Claude Design. It has a bunch of active widgets that are interactive.

FHILY👑

28,094 Aufrufe • vor 1 Monat

Claude Sonnet 5 is crazy efficient for web deisgn. ❤️‍🔥Just recorded a 18-min tutorial on how to build award-winning websites with Claude Code + Sonnet 5!
18:53

Claude Sonnet 5 is crazy efficient for web deisgn. ❤️‍🔥Just recorded a 18-min tutorial on how to build award-winning websites with Claude Code + Sonnet 5!

Viktor Oddy

1,184,485 Aufrufe • vor 19 Tagen

Tip: Ask Claude Code Community to use adapters, feature flags, and interfaces for implementations. 1. Model releases improve rapidly: 2024 June: Sonnet 3.5 2024 Oct: Sonnet 3.6 2025 Feb: Sonnet 3.7 2025 May: Sonnet/Opus 4 2025 Sept: Sonnet 4.5 Design key components around interfaces to do seamless rewrites with stronger released models. Use adapters and feature flags to gradually roll out usage. 2. There's tremendous value in simply updating api to use `claude-sonnet-4-5`. But remembering timeless software abstractions allows for the entire application to improve with the model. 3. Use Claude 4.5 Sonnet beyond code—it's a powerhouse for daily tasks. Try the Claude Chrome extension for forms, calendars, emails, or automating expense reports. These capabilities build on Sonnet 4.5's enhanced agentic capabilities making it easier to integrate to daily life. 4. We're living in a truly magical era, together. Enjoy the moment.
0:39

Tip: Ask Claude Code Community to use adapters, feature flags, and interfaces for implementations. 1. Model releases improve rapidly: 2024 June: Sonnet 3.5 2024 Oct: Sonnet 3.6 2025 Feb: Sonnet 3.7 2025 May: Sonnet/Opus 4 2025 Sept: Sonnet 4.5 Design key components around interfaces to do seamless rewrites with stronger released models. Use adapters and feature flags to gradually roll out usage. 2. There's tremendous value in simply updating api to use `claude-sonnet-4-5`. But remembering timeless software abstractions allows for the entire application to improve with the model. 3. Use Claude 4.5 Sonnet beyond code—it's a powerhouse for daily tasks. Try the Claude Chrome extension for forms, calendars, emails, or automating expense reports. These capabilities build on Sonnet 4.5's enhanced agentic capabilities making it easier to integrate to daily life. 4. We're living in a truly magical era, together. Enjoy the moment.

Claude Code Community

14,042 Aufrufe • vor 9 Monaten

After testing every AI toolchain for a year, this is the only workflow I'm endorsing: Figma → Claude Code (Sonnet 4.5) Here's how I'm building Lorelight: 1. Design the happy path in Figma 2. Feed it to Claude Code via Figma MCP 3. Get a strong foundation in 15 minutes 4. Spend the next 50+ hours iterating (still design work) The design/dev loop that used to be isolated is finally closing. I even built a complete design system in within minutes. Custom components, living documentation, accessibility rules all from the Figma designs. If you're measuring the effectiveness of these tools by whether they can "one-shot" a design, you're consuming too many AI hype commercials. Log off. Then go actually build something with your hands. With AI. With your taste. Stop trying to "one-shot" good shit. And go make stuff with the new tools. For designers who want to ship real products, this is the stack that's getting it done.
2:00

After testing every AI toolchain for a year, this is the only workflow I'm endorsing: Figma → Claude Code (Sonnet 4.5) Here's how I'm building Lorelight: 1. Design the happy path in Figma 2. Feed it to Claude Code via Figma MCP 3. Get a strong foundation in 15 minutes 4. Spend the next 50+ hours iterating (still design work) The design/dev loop that used to be isolated is finally closing. I even built a complete design system in within minutes. Custom components, living documentation, accessibility rules all from the Figma designs. If you're measuring the effectiveness of these tools by whether they can "one-shot" a design, you're consuming too many AI hype commercials. Log off. Then go actually build something with your hands. With AI. With your taste. Stop trying to "one-shot" good shit. And go make stuff with the new tools. For designers who want to ship real products, this is the stack that's getting it done.

Tommy Geoco

22,905 Aufrufe • vor 9 Monaten

Windsurf + Claude 3.7 Sonnet (Thinking) is 🔥 Watch how it created a website with one simple prompt. An agentic coder combined with a top reasoning model is as good as it gets. Jump to 1:40 for the result.
5:12

Windsurf + Claude 3.7 Sonnet (Thinking) is 🔥 Watch how it created a website with one simple prompt. An agentic coder combined with a top reasoning model is as good as it gets. Jump to 1:40 for the result.

elvis

38,092 Aufrufe • vor 1 Jahr

Perplexity’s Deep Research using the API in combination with Claude Sonnet 3.7 to help write market research content in minutes.
1:58

Perplexity’s Deep Research using the API in combination with Claude Sonnet 3.7 to help write market research content in minutes.

Aravind Srinivas

72,398 Aufrufe • vor 1 Jahr

Figma meets Claude Code! Pencil is an infinite design canvas that runs parallel design agents locally. → Turn designs into code → Runs locally with Claude Code → Works with VSCode, Cursor 100% free, no subscription
1:19

Figma meets Claude Code! Pencil is an infinite design canvas that runs parallel design agents locally. → Turn designs into code → Runs locally with Claude Code → Works with VSCode, Cursor 100% free, no subscription

Alvaro Cintas

388,190 Aufrufe • vor 5 Monaten

This website was entirely generated with a one shot prompt by Claude sonnet 3.7 !! I really don't need to say anything else, just see for yourself 💀 prompt is posted in the replies if you want to try it yourself
1:18

This website was entirely generated with a one shot prompt by Claude sonnet 3.7 !! I really don't need to say anything else, just see for yourself 💀 prompt is posted in the replies if you want to try it yourself

Delusionals

44,347 Aufrufe • vor 1 Jahr