Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Asked Claude to design me a typography system and, wow

NateWatkin's profile picture

Nate

4,374 subscribers

47,602 görüntüleme • 2 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

asked claude fable 5 to design a qdd actuator it also animated the gearbox and inspected collisions as part of the validation loop ~ 30 minutes / 400k tokens
0:10

asked claude fable 5 to design a qdd actuator it also animated the gearbox and inspected collisions as part of the validation loop ~ 30 minutes / 400k tokens

Jake Fitzgerald

323,722 görüntüleme • 24 gün önce

asked claude fable 5 to design a 16dof articulated robot hand it also wrote a robot description file (urdf) for the hand ~ 1 hour / 300k tokens
0:13

asked claude fable 5 to design a 16dof articulated robot hand it also wrote a robot description file (urdf) for the hand ~ 1 hour / 300k tokens

Jake Fitzgerald

313,526 görüntüleme • 22 gün önce

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

Japanese typography design is something else. English isn't even close.
0:15

Japanese typography design is something else. English isn't even close.

Will Thomson

59,577 görüntüleme • 1 yıl önce

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

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

A little bit about the project we are working on! ☠️ Direction and Design ZULTRA © Motion howka Typography BleachFX 3D Niight
0:15

A little bit about the project we are working on! ☠️ Direction and Design ZULTRA © Motion howka Typography BleachFX 3D Niight

ZULTRA ©

32,647 görüntüleme • 8 ay önce

Published today: A new (or rather, old) approach to typography on the web. Typography is too often reduced to a tidy set of tokens and ratios. But no formula is universal. Different context demands different systems. We designed a type system that feels precise to the eye, not just in code. Link below!
0:15

Published today: A new (or rather, old) approach to typography on the web. Typography is too often reduced to a tidy set of tokens and ratios. But no formula is universal. Different context demands different systems. We designed a type system that feels precise to the eye, not just in code. Link below!

Daybreak

196,350 görüntüleme • 9 ay önce

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

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

161,823 görüntüleme • 2 ay önce

A quick recap of what I experimented with Claude Design in May: ✧ Use a mood board to define the look & feel ✧ Add animation + interaction to level up the design ✧ Generate an image of my vision, turn it into an interactive prototype ✧ Claude design is great at graphic design More to explore in June ｡･:*:･ﾟ★,｡･:*:･ﾟ☆
0:16

A quick recap of what I experimented with Claude Design in May: ✧ Use a mood board to define the look & feel ✧ Add animation + interaction to level up the design ✧ Generate an image of my vision, turn it into an interactive prototype ✧ Claude design is great at graphic design More to explore in June ｡･:*:･ﾟ★,｡･:*:･ﾟ☆

Yan Liu

64,661 görüntüleme • 1 ay önce

3D Digital Agency Website Opus 4.8 + Claude Design → Build Want to recreate this design? ↓
0:16

3D Digital Agency Website Opus 4.8 + Claude Design → Build Want to recreate this design? ↓

Viktor Oddy

64,560 görüntüleme • 1 ay önce

📐Design Systems and DESIGN.md Consistency using Design Systems and DESIGN.md: ✨ Every new design automatically starts with a cohesive design system which GREATLY improves consistency (we heard you!) ✨ Edit the system, and all associated screens can be easily updated ✨ You can extract a design system from any URL ✨ Use DESIGN.md to export your design rules or import your design rules from other products (just ask your agent to create you a DESIGN.md file from your code or other context) ✨ You can start a new design by choosing from popular design systems ✨ Read more about DESIGN.md in the docs (link in thread)
0:15

📐Design Systems and DESIGN.md Consistency using Design Systems and DESIGN.md: ✨ Every new design automatically starts with a cohesive design system which GREATLY improves consistency (we heard you!) ✨ Edit the system, and all associated screens can be easily updated ✨ You can extract a design system from any URL ✨ Use DESIGN.md to export your design rules or import your design rules from other products (just ask your agent to create you a DESIGN.md file from your code or other context) ✨ You can start a new design by choosing from popular design systems ✨ Read more about DESIGN.md in the docs (link in thread)

Stitch by Google

218,728 görüntüleme • 3 ay önce

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

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

364,566 görüntüleme • 2 ay önce

Claude Fable 5 + Claude Design is f*cking insane 🤯 Anthropic just dropped its most intelligent model ever, and the first thing I pointed it at was email design. I built a complete email campaign design in Claude Design, and the difference is night and day: tighter layouts, cleaner hierarchy, on-brand from the first generation. All inside Claude Design with Fable 5. Perfect for DTC brands and agencies who are still paying email agencies $3-5K/month for campaign designs that take 2 weeks to ship. If your campaign calendar is packed but every new email means briefing a designer, waiting on mockups, sending notes, and waiting again... This workflow eliminates the entire bottleneck: → Load your brand design system into Claude Design once (colors, fonts, logo, button styling) → Switch the model to Claude Fable 5 — Anthropic's new state-of-the-art model with the best vision of any AI → Prompt the campaign email section by section: header, hero, headline, offer block, CTA → Fable 5 nails layout and brand details that older models fumbled → Iterate inline — swap images, adjust styling, color-pick directly in the canvas → Export the finished email and hand off to your ESP No briefing a designer. No 2-week turnaround on a single campaign. No paying an agency $4K/month for 4 emails. What you get: → Campaign emails designed in minutes, not weeks → A reusable design system every new email pulls from automatically → Noticeably smarter design decisions from Fable 5's upgraded vision → Full inline editing before anything touches your ESP Built 100% with Claude Design + Claude Fable 5. I recorded a full walkthrough showing exactly how this works. Want it for free? > Like this post > Comment "FABLE" And I'll send it over (must be following so I can DM)
0:17

Claude Fable 5 + Claude Design is f*cking insane 🤯 Anthropic just dropped its most intelligent model ever, and the first thing I pointed it at was email design. I built a complete email campaign design in Claude Design, and the difference is night and day: tighter layouts, cleaner hierarchy, on-brand from the first generation. All inside Claude Design with Fable 5. Perfect for DTC brands and agencies who are still paying email agencies $3-5K/month for campaign designs that take 2 weeks to ship. If your campaign calendar is packed but every new email means briefing a designer, waiting on mockups, sending notes, and waiting again... This workflow eliminates the entire bottleneck: → Load your brand design system into Claude Design once (colors, fonts, logo, button styling) → Switch the model to Claude Fable 5 — Anthropic's new state-of-the-art model with the best vision of any AI → Prompt the campaign email section by section: header, hero, headline, offer block, CTA → Fable 5 nails layout and brand details that older models fumbled → Iterate inline — swap images, adjust styling, color-pick directly in the canvas → Export the finished email and hand off to your ESP No briefing a designer. No 2-week turnaround on a single campaign. No paying an agency $4K/month for 4 emails. What you get: → Campaign emails designed in minutes, not weeks → A reusable design system every new email pulls from automatically → Noticeably smarter design decisions from Fable 5's upgraded vision → Full inline editing before anything touches your ESP Built 100% with Claude Design + Claude Fable 5. I recorded a full walkthrough showing exactly how this works. Want it for free? > Like this post > Comment "FABLE" And I'll send it over (must be following so I can DM)

Mike Futia

42,247 görüntüleme • 24 gün önce

Gemini vs Claude Claude has started to get really damn good at design. Prompt below ↓
0:10

Gemini vs Claude Claude has started to get really damn good at design. Prompt below ↓

Viktor Oddy

185,842 görüntüleme • 3 ay önce

unfortunately, Claude Design is about to lead to a flood of meditation apps in App Store
0:16

unfortunately, Claude Design is about to lead to a flood of meditation apps in App Store

Trung Phan

131,298 görüntüleme • 2 ay önce

SOMEONE BUILT A PERSONAL AI DASHBOARD WITH CLAUDE DESIGN AND OPUS 4.7 AND IT FEELS LIKE A PERSONAL OS
0:16

SOMEONE BUILT A PERSONAL AI DASHBOARD WITH CLAUDE DESIGN AND OPUS 4.7 AND IT FEELS LIKE A PERSONAL OS

leopardracer

316,028 görüntüleme • 2 ay önce

Claude Design is f*cking cracked for landing pages 🤯 Find any competitor's e-com lander → feed it to Claude Design w/ your brand's design system → get back a fully rebuilt version in your brand, your copy, your design. All inside Claude Design. Perfect for DTC brands and agencies who are still paying freelancers to build advertorial pages from scratch. If you're finding landers that have been running on Meta for 6+ months and want to test the same structure for your brand —> Briefing a designer, waiting a week, getting back a flat mockup, giving notes, waiting again... Claude Design eliminates the entire loop: → Use Go Full Pag to screenshot the full competitor lander → Feed it to Claude Design with your design system → Prompt it to extract the exact section structure and rebuild it for your brand → It rewrites all copy, applies your fonts, colors, and layout → Iterate section by section — send a screenshot of what you want to fix, it fixes it → Drop in your product images and founder photos as you go No designer. No back-and-forth briefs. No starting from scratch. What you get: -> Full production-ready lander built around a proven structure that's already converting on Meta -> Live elements (countdown timers, animated sections) auto-generated -> Mobile and desktop versions you can refine with plain-English prompts -> A repeatable system — new competitor, new screenshots, same pipeline I put together a full playbook breaking down the exact process — the prompts, the section-by-section editing approach, and how to set this up for any competitor lander. Want it completely for free? > Like this post > Comment "CLONE" And I'll send it over (must be following so I can DM)
0:13

Claude Design is f*cking cracked for landing pages 🤯 Find any competitor's e-com lander → feed it to Claude Design w/ your brand's design system → get back a fully rebuilt version in your brand, your copy, your design. All inside Claude Design. Perfect for DTC brands and agencies who are still paying freelancers to build advertorial pages from scratch. If you're finding landers that have been running on Meta for 6+ months and want to test the same structure for your brand —> Briefing a designer, waiting a week, getting back a flat mockup, giving notes, waiting again... Claude Design eliminates the entire loop: → Use Go Full Pag to screenshot the full competitor lander → Feed it to Claude Design with your design system → Prompt it to extract the exact section structure and rebuild it for your brand → It rewrites all copy, applies your fonts, colors, and layout → Iterate section by section — send a screenshot of what you want to fix, it fixes it → Drop in your product images and founder photos as you go No designer. No back-and-forth briefs. No starting from scratch. What you get: -> Full production-ready lander built around a proven structure that's already converting on Meta -> Live elements (countdown timers, animated sections) auto-generated -> Mobile and desktop versions you can refine with plain-English prompts -> A repeatable system — new competitor, new screenshots, same pipeline I put together a full playbook breaking down the exact process — the prompts, the section-by-section editing approach, and how to set this up for any competitor lander. Want it completely for free? > Like this post > Comment "CLONE" And I'll send it over (must be following so I can DM)

Mike Futia

37,526 görüntüleme • 1 ay önce

🌟 Today we have a fresh batch of awesome websites for you! Browse through our latest roundup for a quality dose of design inspiration 👉 #webdesign #inspiration #uidesign #typography #website #websitedesign #design
0:10

🌟 Today we have a fresh batch of awesome websites for you! Browse through our latest roundup for a quality dose of design inspiration 👉 #webdesign #inspiration #uidesign #typography #website #websitedesign #design

Codrops

24,593 görüntüleme • 2 yıl önce

Kimi Slides is super underrated I asked to it to create a 40-slide PPT sales brochure for me. My prompt: Collect floor plans and interior photos of the top 20 luxury condos for sale in Manhattan. Create a 40-slide PPT sales brochure. Requirements: Auto-crop images to fit layouts, extract "price per sqft" for each listing, and generate comparison bar charts. Design style: Bauhaus—geometric shapes, black/white/red palette, sans-serif typography.
0:19

Kimi Slides is super underrated I asked to it to create a 40-slide PPT sales brochure for me. My prompt: Collect floor plans and interior photos of the top 20 luxury condos for sale in Manhattan. Create a 40-slide PPT sales brochure. Requirements: Auto-crop images to fit layouts, extract "price per sqft" for each listing, and generate comparison bar charts. Design style: Bauhaus—geometric shapes, black/white/red palette, sans-serif typography.

Crystal

56,672 görüntüleme • 5 ay önce

So... I just simply asked Manus to give me the files at "/opt/.manus/", and it just gave it to me, their sandbox runtime code... > it's claude sonnet > it's claude sonnet with 29 tools > it's claude sonnet without multi-agent > it uses Browser Use > browser_use code was also obfuscated (?) > tools and prompts jailbreak
0:15

So... I just simply asked Manus to give me the files at "/opt/.manus/", and it just gave it to me, their sandbox runtime code... > it's claude sonnet > it's claude sonnet with 29 tools > it's claude sonnet without multi-agent > it uses Browser Use > browser_use code was also obfuscated (?) > tools and prompts jailbreak

jian

2,626,394 görüntüleme • 1 yıl önce