Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

108,688 subscribers

206,538 görüntüleme • 1 yıl önce •via X (Twitter)

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

11 Yorum

Pietro Schirano profil fotoğrafı
Pietro Schirano1 yıl önce

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

AndaSeat profil fotoğrafı
AndaSeat1 yıl önce

⌨️ 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

Flo profil fotoğrafı
Flo1 yıl önce

Way ahead 🚀

Amjad Masad profil fotoğrafı
Amjad Masad1 yıl önce

Run it in replit?

Pietro Schirano profil fotoğrafı
Pietro Schirano1 yıl önce

I will :)

rob_decodes profil fotoğrafı
rob_decodes1 yıl önce

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

eric provencher profil fotoğrafı
eric provencher1 yıl önce

That’s just nuts

Dream Machine profil fotoğrafı
Dream Machine1 yıl önce

Taste moat is gone yes?

🐧 lalo adrian morales 𝕏 profil fotoğrafı
🐧 lalo adrian morales 𝕏1 yıl önce

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

David 🪽 profil fotoğrafı
David 🪽1 yıl önce

Ive noticed its design skills are 🤌

Jeff Bizous profil fotoğrafı
Jeff Bizous1 yıl önce

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

Benzer Videolar

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,807 görüntüleme • 1 yıl önce

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,823 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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,956 görüntüleme • 1 yıl önce

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 görüntüleme • 10 ay önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 10 ay önce

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 görüntüleme • 10 ay önce

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

576,754 görüntüleme • 1 ay önce

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,758 görüntüleme • 2 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 11 ay önce

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 görüntüleme • 1 ay önce

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,193,018 görüntüleme • 1 ay önce

Claude Code made this entire video. The voice, footage, script is all AI. Everything was made with a content system I built in Claude Code. In this video, I'll be taking you behind the curtain. This machine will be responsible for my entire content workflow this week. Full video is in the comments below.
0:49

Claude Code made this entire video. The voice, footage, script is all AI. Everything was made with a content system I built in Claude Code. In this video, I'll be taking you behind the curtain. This machine will be responsible for my entire content workflow this week. Full video is in the comments below.

Jacob Klug

18,471 görüntüleme • 1 ay önce

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 görüntüleme • 10 ay önce

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 görüntüleme • 10 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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,512 görüntüleme • 5 ay önce