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."show more

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.show more

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)show more

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 minshow more

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 👇show more

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:show more

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.show more

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)show more

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):show more

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

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 Studioshow more

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 🤩show more

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! 👌show more

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/lottieshow more

> 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 discoveredshow more

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

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!show more

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)show more

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

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 👀 #buildinpublicshow more

check out the updated skill-creator. i esp like built-in... support for test generation (e.g., to measure + optimize tricky things like skill trigger rate). available in Claude Code as plugin, + Cowork.show more