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

Figma design vs Claude Code output Here's my workflow:... → Built the component on shadcn/ui foundations → Wrote a SKILLS.md file that systematized design-token extraction (included inputs, extraction protocol, tech selection, tailwind rules, layout etc) → Fed Claude the Figma CSS + 2x-scaled component PNGs (halved the measurements) → Iterated bit-by-bit in Claude Code until I as satisfied with the outputshow 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

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

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

anthropic acaba de cambiar cómo se diseña frontend con... IA. se llama Frontend Design, es su skill oficial para Claude Code. y ya tiene 136.000 estrellas en GitHub. el problema que resuelve es simple: cada vez que le pedías a la IA una web, te salía lo mismo. inter como fuente. gradiente morado. layout genérico de startup. el "AI slop" de siempre. Frontend Design lo corta de raíz. obliga a Claude a comprometerse con una dirección estética antes de tocar una sola línea de código. y el resultado cambia completamente. puedes pedirle: → brutalista → editorial → retro-futurista → lujoso → maximalista y genera HTML, CSS, JS, React o Vue listos para producción. cómo instalarlo: 1. npx skills add --skill frontend-design 2. describe la web o componente que quieres. 3. elige el estilo. 4. Claude monta tipografía, color, motion y composición coherente. una sola instalación. disponible en todas tus sesiones. funciona en Claude Code, Cursor, Codex, Gemini CLI, OpenCode y 15+ harnesses. 100% open source. mantenida por Anthropic. 418.000 instalaciones en pocas semanas dicen más que cualquier review. repo 👇show more

Customization editor ⚙️ development by Doğukan @ Frontend Supply... w / AlignUI Design Systemshow 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

Invite to project ✨ development by Doğukan @ Frontend... Supply w / AlignUI Design Systemshow more

With `bun init --react`, this lets Claude Code read... browser console logs & debug frontend codeshow more

Ohhh my... This was created in 3 prompts in... which uses Opus 4.5. iOS Mobile App with: > Clean Design > Frontend + Backend > Database > API's > Accepts Payments > Can ship to app store Prompt to create an app designed like this below👇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

Grinding on frontend design. NOT using any multi-agent orchestration... here. Just a *ton* of back and forth with Codex + comments copied fromshow 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

Today we're launching new ways to learn in Claude... Code and the Claude app. First up: Claude Code now lets you customize communication styles with /output-styleshow more

testing new frontend plugin update on daos.world 🌎 website.... no vulnerabilities found. stay vigilant. more to come.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