正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

We've released a new frontend-design plugin for Claude Code. Here's Claude's output for: "use the frontend design skill. Create a music player app."

Thariq

341,120 subscribers

495,960 次观看 • 9 个月前 •via X (Twitter)

艺术教育科学技术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

Spent a few hours in Claude Code again this morning working on a new design for Wireframe Design Studio. I didn't write a single line of code.

Spent a few hours in Claude Code again this morning working on a new design for Wireframe Design Studio. I didn't write a single line of code.

James McDonald

35,355 次观看 • 7 个月前

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,863 次观看 • 3 个月前

It's kinda crazy that you can just use multitask design mode to make a bunch of frontend UI changes, then ask for a shared link canvas with a recap of the changes in like 5 min

It's kinda crazy that you can just use multitask design mode to make a bunch of frontend UI changes, then ask for a shared link canvas with a recap of the changes in like 5 min

John Bai

94,774 次观看 • 3 个月前

Claude Code Desktop has a built-in MCP for frontend preview It activates automatically when you ask Claude to spin up a dev server Save this thread 👇

Claude Code Desktop has a built-in MCP for frontend preview It activates automatically when you ask Claude to spin up a dev server Save this thread 👇

Daniel San

79,115 次观看 • 5 个月前

made a nothing design skill for claude code. tell it "nothing style" and it builds the whole thing. tokens, components, dark+light. go grab it, it’s open source:

made a nothing design skill for claude code. tell it "nothing style" and it builds the whole thing. tokens, components, dark+light. go grab it, it’s open source:

Dom

290,291 次观看 • 5 个月前

Who said web design is over? Framer VS Claude On Claude's part, the result was a design riddled with tasteless flaws. On the Framer side, the result is clear. A tasteful design, completely designed and developed in 12 hours.

Who said web design is over? Framer VS Claude On Claude's part, the result was a design riddled with tasteless flaws. On the Framer side, the result is clear. A tasteful design, completely designed and developed in 12 hours.

Faruk Yurtseven - Designer

57,753 次观看 • 3 个月前

Claude Code + Google Stitch 2.0 is f*cking cracked 🤯 Google just dropped a free AI design agent that solves Claude Code's biggest weakness: frontend design. One screenshot of a high-converting landing page → a production-ready site for your brand in minutes. All inside Google Stitch + Claude Code. Perfect for DTC brands and agencies who are building advertorial pages and product launch pages for Meta but burning days on designer back-and-forth. If you're running Meta ads and need 5-10 different landing pages testing different hooks, angles, and offers — each one targeting a different audience and pain point — you know the bottleneck isn't the ads. It's the pages. Briefing designers, waiting for revisions, paying $2-5K per page. Stitch eliminates the design bottleneck: → Find a high-converting advertorial that's scaling on Meta → Screenshot it and drop it into Stitch (powered by Gemini 3.1) → Stitch redesigns it with your brand's colors, fonts, and imagery using Nano Banana 2 → Edit sections visually — headlines, CTAs, layouts — without touching code → Export the code and paste it into Claude Code → Claude builds the full production site and deploys to Vercel or Netlify in 60 seconds No designer. No $3K per landing page. No Claude Code frontend that looks like a template from 2019. What you get: → Designer-quality landing pages and advertorials built in minutes, not weeks → Visual editing so you actually see the design before you code it → Nano Banana 2 generating on-brand product imagery and hero shots → A repeatable system — new angle, new page, same pipeline Built 100% with Google Stitch 2.0 + Claude Code. I put together a full playbook showing the exact workflow: how to find winning pages, redesign them in Stitch, and deploy with Claude Code. Want it for free? > Like this post > Comment "STITCH" And I'll send it over (must be following so I can DM)

Mike Futia

126,275 次观看 • 5 个月前

Impeccable 3 natively supports crafting new design with diffusion (e.g. GPT Image 2) in harnesses that support it (e.g. Codex, Gemini w/ nano banana plugin). Impeccable now uses the best mode of operation for net-new vs iterative design: 1) completely new design: diffusion-first, then build w/ best practices for brand or product design (new in 3.0) 2) iterative design (additions/changes): design-system first, discovers your components, reads DESIGN/PRODUCT.md, goes to work. new live mode (new in 3.0) makes it extra convenient. Here's a tutorial documenting the whole workflow (incl. how I made the demo site in the video):

Paul Bakaus

38,319 次观看 • 4 个月前

🚨 BREAKING: Claude can now turn your Figma file into a live app. Vibe code from any Figma design...

🚨 BREAKING: Claude can now turn your Figma file into a live app. Vibe code from any Figma design...

Daniel Ch

157,538 次观看 • 5 个月前

Go from design to Compose UI code with Gemini! ⬆️ Upload image of app UI screen ↪️ Use the prompt in the blog ↪️ Copy output into Android Studio

Go from design to Compose UI code with Gemini! ⬆️ Upload image of app UI screen ↪️ Use the prompt in the blog ↪️ Copy output into Android Studio

Android Developers

14,158 次观看 • 1 年前

Your logo 🤝 Your app clip code I’ve started working on a new feature for App Clipped that lets you turn your logo or app icon into an App Clip Code-style design 🤩

Matt Heaney

120,941 次观看 • 1 年前

I built a design MCP server for Claude Code, Codex, and OpenCode. It searches hundreds of beautiful websites and gives your coding agent design inspiration. Launching next week.

I built a design MCP server for Claude Code, Codex, and OpenCode. It searches hundreds of beautiful websites and gives your coding agent design inspiration. Launching next week.

Hassan

26,134 次观看 • 4 天前

Frontend developers - today’s #CleanShotTip is for you! Have you ever coded something that almost matched the design? 👀 With CleanShot, you can compare design with live website in seconds! 🔎 Just pin your screenshot, adjust opacity, and compare until it’s perfect! 👌

Frontend developers - today’s #CleanShotTip is for you! Have you ever coded something that almost matched the design? 👀 With CleanShot, you can compare design with live website in seconds! 🔎 Just pin your screenshot, adjust opacity, and compare until it’s perfect! 👌

CleanShot

15,399 次观看 • 10 个月前

A big skill upgrade to text-to-lottie Better design taste, better motion, fewer random design decisions, fewer refinements Generate polished Lottie animations with Claude Code, Codex or Cursor Try it: $ npx skills add diffusionstudio/lottie

A big skill upgrade to text-to-lottie Better design taste, better motion, fewer random design decisions, fewer refinements Generate polished Lottie animations with Claude Code, Codex or Cursor Try it: $ npx skills add diffusionstudio/lottie

Doruk

132,332 次观看 • 2 个月前

> use Claude Code for 3 months > "why is Claude getting dumber?" > context at 98% > claude is drowning in old conversations > type /clear > output quality doubles instantly > “damn there is claude commands?” > skill issue discovered

> use Claude Code for 3 months > "why is Claude getting dumber?" > context at 98% > claude is drowning in old conversations > type /clear > output quality doubles instantly > “damn there is claude commands?” > skill issue discovered

darkzodchi

1,383,413 次观看 • 5 个月前

Looking for a new full time challenge as a frontend dev., UI Designer ✨ DM's are open for more information (sharing appreciated 🫶)

Looking for a new full time challenge as a frontend dev., UI Designer ✨ DM's are open for more information (sharing appreciated 🫶)

Aaron Iker ✨

60,498 次观看 • 9 个月前

Do you use our Build iOS Apps plugin for Codex? I use it often to build new apps and help me on various iOS projects. It also comes with a skill to open server-sim right into the app in the app browser! Probably the feature I use the most!

Do you use our Build iOS Apps plugin for Codex? I use it often to build new apps and help me on various iOS projects. It also comes with a skill to open server-sim right into the app in the app browser! Probably the feature I use the most!

Thomas Ricouard

31,609 次观看 • 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)

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

368,937 次观看 • 4 个月前

📐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)

📐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

219,245 次观看 • 5 个月前

Building a mobile app ui SHOULD be this easy. 1. Design in Figma 2. Open ExpressionUI plugin 3. Export the render data (not code) Display your UI in Flutter, React-Native, SwiftUI, or Kotlin. No generated code for you to maintain or edit. Expression UI plugin in progress Built with Flutter using Stacked 👀 #buildinpublic

Building a mobile app ui SHOULD be this easy. 1. Design in Figma 2. Open ExpressionUI plugin 3. Export the render data (not code) Display your UI in Flutter, React-Native, SwiftUI, or Kotlin. No generated code for you to maintain or edit. Expression UI plugin in progress Built with Flutter using Stacked 👀 #buildinpublic

Dane Mackier

14,317 次观看 • 2 年前