[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-957":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":10,"languages":10,"totalLinesOfCode":10,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":14,"subscribersCount":14,"size":14,"stars1d":15,"stars7d":16,"stars30d":17,"stars90d":14,"forks30d":14,"starsTrendScore":18,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":21,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":34,"readmeContent":35,"aiSummary":36,"trendingCount":14,"starSnapshotCount":14,"syncStatus":37,"lastSyncTime":38,"discoverSource":39},957,"awesome-claude-design","rohitg00\u002Fawesome-claude-design","rohitg00","Claude Design DESIGN.md prompts by aesthetic family, remix recipes, skills, video teardowns, X signal, honest community takes.","",null,712,82,6,0,17,47,169,51,9.76,"MIT License",false,"main",true,[25,26,27,28,29,30,31,32,33],"ai-design","anthropic","awesome","awesome-list","claude-code","claude-design","claude-skills","design-md","design-system","2026-06-12 02:00:21","# Awesome Claude Design\n\n> **Claude Design** — Anthropic Labs' AI design workspace. DESIGN.md files grouped by aesthetic family, remix recipes, prompt packs with example outputs, skills, video teardowns, and launch-week community signal.\n\n\u003Cp align=\"center\">\n  \u003Cimg src=\"assets\u002Fbanner.svg\" width=\"100%\" alt=\"Awesome Claude Design — DESIGN.md prompts, skills, cookbooks, teardowns, remix recipes\">\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Cimg src=\"assets\u002Fmascot-dance.svg\" width=\"320\" alt=\"Dancing palette-knight mascot\">\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fawesome.re\">\u003Cimg src=\"https:\u002F\u002Fawesome.re\u002Fbadge-flat2.svg\" alt=\"Awesome\">\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Frohitg00\u002Fawesome-claude-design\u002Fstargazers\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Frohitg00\u002Fawesome-claude-design?style=flat-square&logo=github&color=c96442\" alt=\"Stars\">\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Frohitg00\u002Fawesome-claude-design\u002Fnetwork\u002Fmembers\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fforks\u002Frohitg00\u002Fawesome-claude-design?style=flat-square&logo=github&color=c96442\" alt=\"Forks\">\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Frohitg00\u002Fawesome-claude-design\u002Fcommits\u002Fmain\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flast-commit\u002Frohitg00\u002Fawesome-claude-design?style=flat-square&color=191817\" alt=\"Last commit\">\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fwww.anthropic.com\u002Fnews\u002Fclaude-design-anthropic-labs\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FLaunched-April%2017%2C%202026-0f0f0f?style=flat-square\" alt=\"Launched\">\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fwww.anthropic.com\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FOpus-4.7-6f4e37?style=flat-square\" alt=\"Opus 4.7\">\u003C\u002Fa>\n  \u003Ca href=\"LICENSE\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002Frohitg00\u002Fawesome-claude-design?style=flat-square&color=blue\" alt=\"License\">\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"#1-editorial-minimalism\">\u003Cimg src=\"assets\u002Ftags\u002Ffamily-editorial.svg\" alt=\"editorial minimalism\">\u003C\u002Fa>\n  \u003Ca href=\"#2-terminal-core\">\u003Cimg src=\"assets\u002Ftags\u002Ffamily-terminal.svg\" alt=\"terminal-core\">\u003C\u002Fa>\n  \u003Ca href=\"#3-warm-editorial\">\u003Cimg src=\"assets\u002Ftags\u002Ffamily-warm.svg\" alt=\"warm editorial\">\u003C\u002Fa>\n  \u003Ca href=\"#4-data-dense-pro\">\u003Cimg src=\"assets\u002Ftags\u002Ffamily-data-dense.svg\" alt=\"data-dense pro\">\u003C\u002Fa>\n  \u003Ca href=\"#5-cinematic-dark\">\u003Cimg src=\"assets\u002Ftags\u002Ffamily-cinematic.svg\" alt=\"cinematic dark\">\u003C\u002Fa>\n  \u003Ca href=\"#6-playful-color\">\u003Cimg src=\"assets\u002Ftags\u002Ffamily-playful.svg\" alt=\"playful color\">\u003C\u002Fa>\n  \u003Ca href=\"#7-glass--soft-futurism\">\u003Cimg src=\"assets\u002Ftags\u002Ffamily-glass.svg\" alt=\"glass \u002F soft-futurism\">\u003C\u002Fa>\n  \u003Ca href=\"#8-neon-brutalist\">\u003Cimg src=\"assets\u002Ftags\u002Ffamily-brutalist.svg\" alt=\"neon brutalist\">\u003C\u002Fa>\n  \u003Ca href=\"#9-cult--indie-picks-non-fortune-500\">\u003Cimg src=\"assets\u002Ftags\u002Ffamily-indie.svg\" alt=\"cult · indie picks\">\u003C\u002Fa>\n\u003C\u002Fp>\n\nClaude Design shipped **April 17, 2026**. Figma closed **−4.26%** the same day. YouTube split between \"RIP frontend developers\" and \"another slop feature.\" This repo collects both.\n\n> **Heads up — typo-squat alert.** A repo named `anthropic-claude-design\u002Fclaude-design` claiming to \"download Claude Design\" is NOT affiliated with Anthropic. The real product lives at [claude.ai\u002Fdesign](https:\u002F\u002Fclaude.ai\u002Fdesign) behind a Pro\u002FMax\u002FTeam\u002FEnterprise login. No download exists. Report the typo-squat.\n\n## Preview Gallery\n\nWhat each aesthetic family actually looks like in production. Thumbnails are static screenshots of the public homepage of one representative brand per family. Click the image to open the live site, click the caption to open the working `DESIGN.md` in this repo.\n\n\u003Ctable>\n\u003Ctr>\n\u003Ctd align=\"center\" width=\"33%\">\n\u003Ca href=\"https:\u002F\u002Flinear.app\">\u003Cimg src=\"assets\u002Fpreviews\u002Flinear.jpg\" width=\"100%\" alt=\"Linear — editorial minimalism\">\u003C\u002Fa>\u003Cbr>\n\u003Csub>\u003Cb>\u003Ca href=\"design-md\u002Feditorial\u002Flinear.md\">Linear · editorial\u003C\u002Fa>\u003C\u002Fb>\u003Cbr>\u003Ccode>#fff \u002F #0f0f14 \u002F #5e6ad2\u003C\u002Fcode>\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003Ctd align=\"center\" width=\"33%\">\n\u003Ca href=\"https:\u002F\u002Follama.com\">\u003Cimg src=\"assets\u002Fpreviews\u002Follama.jpg\" width=\"100%\" alt=\"Ollama — terminal-core\">\u003C\u002Fa>\u003Cbr>\n\u003Csub>\u003Cb>\u003Ca href=\"design-md\u002Fterminal\u002Follama.md\">Ollama · terminal\u003C\u002Fa>\u003C\u002Fb>\u003Cbr>\u003Ccode>#000 \u002F #fff \u002F mono\u003C\u002Fcode>\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003Ctd align=\"center\" width=\"33%\">\n\u003Ca href=\"https:\u002F\u002Fwww.anthropic.com\">\u003Cimg src=\"assets\u002Fpreviews\u002Fanthropic.jpg\" width=\"100%\" alt=\"Anthropic \u002F Claude — warm editorial\">\u003C\u002Fa>\u003Cbr>\n\u003Csub>\u003Cb>\u003Ca href=\"design-md\u002Fwarm\u002Fclaude.md\">Claude · warm\u003C\u002Fa>\u003C\u002Fb>\u003Cbr>\u003Ccode>#f4f3ee \u002F #c96442 \u002F #191817\u003C\u002Fcode>\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd align=\"center\" width=\"33%\">\n\u003Ca href=\"https:\u002F\u002Fclickhouse.com\">\u003Cimg src=\"assets\u002Fpreviews\u002Fclickhouse.jpg\" width=\"100%\" alt=\"ClickHouse — data-dense pro\">\u003C\u002Fa>\u003Cbr>\n\u003Csub>\u003Cb>\u003Ca href=\"design-md\u002Fdata-dense\u002Fclickhouse.md\">ClickHouse · data-dense\u003C\u002Fa>\u003C\u002Fb>\u003Cbr>\u003Ccode>#181818 \u002F #faff69 \u002F magenta\u003C\u002Fcode>\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003Ctd align=\"center\" width=\"33%\">\n\u003Ca href=\"https:\u002F\u002Frunwayml.com\">\u003Cimg src=\"assets\u002Fpreviews\u002Frunwayml.jpg\" width=\"100%\" alt=\"RunwayML — cinematic dark\">\u003C\u002Fa>\u003Cbr>\n\u003Csub>\u003Cb>\u003Ca href=\"design-md\u002Fcinematic\u002Frunway.md\">Runway · cinematic\u003C\u002Fa>\u003C\u002Fb>\u003Cbr>\u003Ccode>#000 \u002F magenta + cyan\u003C\u002Fcode>\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003Ctd align=\"center\" width=\"33%\">\n\u003Ca href=\"https:\u002F\u002Fwww.figma.com\">\u003Cimg src=\"assets\u002Fpreviews\u002Ffigma.jpg\" width=\"100%\" alt=\"Figma — playful color\">\u003C\u002Fa>\u003Cbr>\n\u003Csub>\u003Cb>\u003Ca href=\"design-md\u002Fplayful\u002Ffigma.md\">Figma · playful\u003C\u002Fa>\u003C\u002Fb>\u003Cbr>\u003Ccode>#0acf83 \u002F #f24e1e \u002F #a259ff\u003C\u002Fcode>\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd align=\"center\" width=\"33%\">\n\u003Ca href=\"https:\u002F\u002Farc.net\">\u003Cimg src=\"assets\u002Fpreviews\u002Farc.jpg\" width=\"100%\" alt=\"Arc Browser — glass \u002F soft-futurism\">\u003C\u002Fa>\u003Cbr>\n\u003Csub>\u003Cb>\u003Ca href=\"design-md\u002Fglass\u002Farc.md\">Arc · glass\u003C\u002Fa>\u003C\u002Fb>\u003Cbr>\u003Ccode>#fff \u002F radial pastel\u003C\u002Fcode>\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003Ctd align=\"center\" width=\"33%\">\n\u003Ca href=\"https:\u002F\u002Fwww.theverge.com\">\u003Cimg src=\"assets\u002Fpreviews\u002Ftheverge.jpg\" width=\"100%\" alt=\"The Verge — neon brutalist\">\u003C\u002Fa>\u003Cbr>\n\u003Csub>\u003Cb>\u003Ca href=\"design-md\u002Fbrutalist\u002Fthe-verge.md\">The Verge · brutalist\u003C\u002Fa>\u003C\u002Fb>\u003Cbr>\u003Ccode>#ff6600 \u002F #000 \u002F #fff\u003C\u002Fcode>\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003Ctd align=\"center\" width=\"33%\">\n\u003Ca href=\"https:\u002F\u002Fwww.granola.ai\">\u003Cimg src=\"assets\u002Fpreviews\u002Fgranola.jpg\" width=\"100%\" alt=\"Granola — cult \u002F indie\">\u003C\u002Fa>\u003Cbr>\n\u003Csub>\u003Cb>\u003Ca href=\"design-md\u002Findie\u002Fgranola.md\">Granola · indie\u003C\u002Fa>\u003C\u002Fb>\u003Cbr>\u003Ccode>#faf8f2 \u002F warm glass\u003C\u002Fcode>\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftable>\n\n\u003Csub>Screenshots are public-homepage stills used for editorial reference. Trademarks remain with their respective owners. See \u003Ca href=\"assets\u002Fpreviews\u002FATTRIBUTION.md\">ATTRIBUTION.md\u003C\u002Fa> for source URLs and refresh policy.\u003C\u002Fsub>\n\n## Contents\n\n- [Preview Gallery](#preview-gallery)\n- [What Is Claude Design](#what-is-claude-design)\n- [Video Teardowns](#video-teardowns)\n- [Comparisons](#comparisons)\n- [Showcase](#showcase)\n- [Community Takes](#community-takes)\n- [Feature Map](#feature-map)\n- [Launch Timeline](#launch-timeline)\n- [Quotas & Token Budget](#quotas--token-budget)\n- [Official Resources](#official-resources)\n- [X Signal](#x-signal)\n- [DESIGN.md by Aesthetic Family](#designmd-by-aesthetic-family)\n- [Remix Recipes](#remix-recipes)\n- [Picker: What Should I Use](#picker-what-should-i-use)\n- [Prompts & Cookbooks](#prompts--cookbooks)\n- [Anti-Slop Kit](#anti-slop-kit) — including [Claude Design's default fingerprints](#claude-designs-default-fingerprints-avoid)\n- [Skills & Plugins](#skills--plugins)\n- [Integrations](#integrations)\n- [Workflows & Recipes](#workflows--recipes)\n- [Long-Form Tutorials](#long-form-tutorials)\n- [International Coverage](#international-coverage)\n- [Tips & Tricks](#tips--tricks)\n- [Podcast Coverage](#podcast-coverage)\n- [FAQ](#faq)\n- [Related OSS Projects](#related-oss-projects)\n- [Tag System](#tag-system)\n- [Contributing](#contributing)\n- [License](#license)\n\n---\n\n## What Is Claude Design\n\nAnthropic Labs product. Conversation-to-artifact loop for prototypes, design systems, slides, one-pagers, landing pages, marketing graphics, brand videos. Powered by **Claude Opus 4.7** (vision model). Research preview on **Pro, Max, Team, Enterprise** plans. Rolling out throughout launch day.\n\nThree surfaces:\n- **Prototypes** — from text, screenshot, Figma `.fig`, repo URL, or scraped live site\n- **Design systems** — persistent per-project tokens\u002Fcomponents via `DESIGN.md`; teams hold multiple\n- **Collateral** — pitch decks, marketing pages, carousels, one-time posts, brand videos\n\n## Video Teardowns\n\nClick thumbnail. View counts refresh live via shields.io.\n\n\u003Ctable>\n\u003Ctr>\n\u003Ctd align=\"center\" width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=IkspcJdeP3U\">\u003Cimg src=\"https:\u002F\u002Fimg.youtube.com\u002Fvi\u002FIkspcJdeP3U\u002Fmqdefault.jpg\" width=\"220\">\u003C\u002Fa>\u003Cbr>\n\u003Cb>Malewicz\u003C\u002Fb>\u003Cbr>\n\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fyoutube\u002Fviews\u002FIkspcJdeP3U?style=flat-square&label=views&color=191817\"> \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fyoutube\u002Flikes\u002FIkspcJdeP3U?style=flat-square&label=likes&color=c96442\">\u003Cbr>\n\u003Csub>Skeptical senior-designer teardown\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003Ctd align=\"center\" width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=o4jIKc_DIoM\">\u003Cimg src=\"https:\u002F\u002Fimg.youtube.com\u002Fvi\u002Fo4jIKc_DIoM\u002Fmqdefault.jpg\" width=\"220\">\u003C\u002Fa>\u003Cbr>\n\u003Cb>02ui · Murat Bayral\u003C\u002Fb>\u003Cbr>\n\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fyoutube\u002Fviews\u002Fo4jIKc_DIoM?style=flat-square&label=views&color=191817\"> \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fyoutube\u002Flikes\u002Fo4jIKc_DIoM?style=flat-square&label=likes&color=c96442\">\u003Cbr>\n\u003Csub>vs Lovable head-to-head\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003Ctd align=\"center\" width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=uhQfErAzdiA\">\u003Cimg src=\"https:\u002F\u002Fimg.youtube.com\u002Fvi\u002FuhQfErAzdiA\u002Fmqdefault.jpg\" width=\"220\">\u003C\u002Fa>\u003Cbr>\n\u003Cb>WorldofAI\u003C\u002Fb>\u003Cbr>\n\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fyoutube\u002Fviews\u002FuhQfErAzdiA?style=flat-square&label=views&color=191817\"> \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fyoutube\u002Flikes\u002FuhQfErAzdiA?style=flat-square&label=likes&color=c96442\">\u003Cbr>\n\u003Csub>Hype walkthrough\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003Ctd align=\"center\" width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=Qct36RA3y9k\">\u003Cimg src=\"https:\u002F\u002Fimg.youtube.com\u002Fvi\u002FQct36RA3y9k\u002Fmqdefault.jpg\" width=\"220\">\u003C\u002Fa>\u003Cbr>\n\u003Cb>Ray Fernando\u003C\u002Fb>\u003Cbr>\n\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fyoutube\u002Fviews\u002FQct36RA3y9k?style=flat-square&label=views&color=191817\"> \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fyoutube\u002Flikes\u002FQct36RA3y9k?style=flat-square&label=likes&color=c96442\">\u003Cbr>\n\u003Csub>Live blog redesign\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd align=\"center\" width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=A2eEv3KYGPg\">\u003Cimg src=\"https:\u002F\u002Fimg.youtube.com\u002Fvi\u002FA2eEv3KYGPg\u002Fmqdefault.jpg\" width=\"220\">\u003C\u002Fa>\u003Cbr>\n\u003Cb>Vivek Mishra\u003C\u002Fb>\u003Cbr>\n\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fyoutube\u002Fviews\u002FA2eEv3KYGPg?style=flat-square&label=views&color=191817\"> \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fyoutube\u002Flikes\u002FA2eEv3KYGPg?style=flat-square&label=likes&color=c96442\">\u003Cbr>\n\u003Csub>Launch-day walkthrough\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003Ctd align=\"center\" width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=4q2F4zblOLQ\">\u003Cimg src=\"https:\u002F\u002Fimg.youtube.com\u002Fvi\u002F4q2F4zblOLQ\u002Fmqdefault.jpg\" width=\"220\">\u003C\u002Fa>\u003Cbr>\n\u003Cb>AI for Work\u003C\u002Fb>\u003Cbr>\n\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fyoutube\u002Fviews\u002F4q2F4zblOLQ?style=flat-square&label=views&color=191817\"> \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fyoutube\u002Flikes\u002F4q2F4zblOLQ?style=flat-square&label=likes&color=c96442\">\u003Cbr>\n\u003Csub>System from prompt\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003Ctd align=\"center\" width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=vyLaimDeK_g\">\u003Cimg src=\"https:\u002F\u002Fimg.youtube.com\u002Fvi\u002FvyLaimDeK_g\u002Fmqdefault.jpg\" width=\"220\">\u003C\u002Fa>\u003Cbr>\n\u003Cb>Greg Isenberg\u003C\u002Fb>\u003Cbr>\n\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fyoutube\u002Fviews\u002FvyLaimDeK_g?style=flat-square&label=views&color=191817\"> \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fyoutube\u002Flikes\u002FvyLaimDeK_g?style=flat-square&label=likes&color=c96442\">\u003Cbr>\n\u003Csub>Hands-on edges\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003Ctd align=\"center\" width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=Hcvkc1XUhMg\">\u003Cimg src=\"https:\u002F\u002Fimg.youtube.com\u002Fvi\u002FHcvkc1XUhMg\u002Fmqdefault.jpg\" width=\"220\">\u003C\u002Fa>\u003Cbr>\n\u003Cb>Ramanpal Singh\u003C\u002Fb>\u003Cbr>\n\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fyoutube\u002Fviews\u002FHcvkc1XUhMg?style=flat-square&label=views&color=191817\"> \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fyoutube\u002Flikes\u002FHcvkc1XUhMg?style=flat-square&label=likes&color=c96442\">\u003Cbr>\n\u003Csub>Beginner tutorial\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftable>\n\n## Comparisons\n\n| Feature | Claude Design | [Figma Make](https:\u002F\u002Fwww.figma.com\u002Fmake) | [Lovable](https:\u002F\u002Flovable.dev) | [v0](https:\u002F\u002Fv0.dev) | [Stitch](https:\u002F\u002Fstitch.withgoogle.com) | [SuperDesign](https:\u002F\u002Fgithub.com\u002Fsuperdesigndev\u002Fsuperdesign) |\n|---|---|---|---|---|---|---|\n| Prompt → hi-fi | Yes | Yes | Yes | Yes | Yes | Yes |\n| DESIGN.md native | **Yes** | No | Partial | No | Originated | Yes |\n| Screenshot → system | Yes | No | Partial | No | Yes | Yes |\n| Figma `.fig` import | Yes | Native | Yes | Partial | No | No |\n| Web capture on live site | **Native** | No | Partial | No | No | Partial |\n| Inline comments \u002F knobs | **Yes** | Yes | No | No | No | No |\n| Persistent per-project tokens | **Yes** | Yes | Partial | No | No | Yes |\n| Org-scoped collab + group chat | **Yes** | Yes | No | No | No | No |\n| Export paths | Canva\u002FPDF\u002FPPTX\u002FHTML | Figma | Full-stack app | React | HTML | Local files |\n| Multi-system per team | **Yes** | Yes | No | No | No | Yes |\n| Open source | No | No | No | No | No | **Yes (MIT)** |\n| Runs in your IDE | No | No | No | No | No | **Yes** |\n| Underlying model | Opus 4.7 | GPT-based | Claude\u002FGPT | GPT + Claude | Gemini | BYO |\n| Pricing | Pro\u002FMax\u002FTeam\u002FEnt. | Figma Pro add-on | Freemium | Freemium | Free beta | Free |\n\nLaunch-week consensus: **Claude Design** wins design-system coherence, web capture, collaboration. **Lovable** wins full-stack shipping. **Figma Make** is safest for Figma teams. **Stitch** is strongest for pure token generation. **SuperDesign** is the only open-source option that lives inside the IDE.\n\n### More launch-week comparisons\n\n- [TechCrunch — Anthropic launches Claude Design](https:\u002F\u002Ftechcrunch.com\u002F2026\u002F04\u002F17\u002Fanthropic-launches-claude-design-a-new-product-for-creating-quick-visuals\u002F) — mainstream-press launch framing: \"quick visuals\" tool, not a Figma killer\n- [Adweek — Claude Design for marketing assets, decks, and UIs](https:\u002F\u002Fwww.adweek.com\u002Fmedia\u002Fanthropic-debuts-claude-design-for-building-marketing-assets-decks-and-uis\u002F) — agency angle, marketing-first read of the surface area\n- [PYMNTS — Anthropic's design tool rivals Adobe and Figma](https:\u002F\u002Fwww.pymnts.com\u002Fartificial-intelligence-2\u002F2026\u002Fanthropics-new-design-tool-rivals-adobe-and-figma\u002F) — competitive positioning against the incumbent stack\n- [Trending Topics — Anthropic challenges Lovable and Figma](https:\u002F\u002Fwww.trendingtopics.eu\u002Fanthropic-launches-claude-design-challenging-lovable-and-figma\u002F) — EU coverage; Lovable framed as the closer competitor than Figma\n- [Storyboard18 — Claude Design rattles design software giants](https:\u002F\u002Fwww.storyboard18.com\u002Fdigital\u002Fwhat-is-claude-design-anthropics-new-ai-tool-rattles-design-software-giants-ws-l-95581.htm) — India-market read on the ripple to Figma\u002FAdobe\n- [Web And IT News — Hits Figma where it hurts](https:\u002F\u002Fwww.webanditnews.com\u002F2026\u002F04\u002F20\u002Fclaude-design-hits-figma-where-it-hurts-ai-eats-into-non-designer-users\u002F) — argues the wedge is non-designers, not designers\n- [DEV (whoffagents) — CD vs Figma: what actually changed](https:\u002F\u002Fdev.to\u002Fwhoffagents\u002Fclaude-design-tool-vs-figma-what-actually-changed-and-when-to-use-each-3gj) — practitioner side-by-side on when to reach for which\n- [MindStudio — Claude Design vs Figma](https:\u002F\u002Fwww.mindstudio.ai\u002Fblog\u002Fclaude-design-vs-figma) — feature-grid comparison from the AI-tools vendor angle\n- [Magic Patterns — Claude Design vs Figma Make](https:\u002F\u002Fwww.magicpatterns.com\u002Fblog\u002Fclaude-design-vs-figma-make) — narrow head-to-head on the prompt-to-prototype surface\n- [eigent.ai — Claude Design vs Lovable, full 2026 comparison](https:\u002F\u002Fwww.eigent.ai\u002Fblog\u002Fclaude-design-vs-lovable) — pricing + output-quality split between design tool and full-stack builder\n- [NxCode — Vibe design tools 2026: Stitch vs v0 vs Lovable vs Bolt](https:\u002F\u002Fwww.nxcode.io\u002Fresources\u002Fnews\u002Fvibe-design-tools-compared-stitch-v0-lovable-2026) — places Claude Design in the broader vibe-design landscape\n- [Lushbinary — Claude Design vs Figma vs Canva vs Stitch](https:\u002F\u002Flushbinary.com\u002Fblog\u002Fclaude-design-vs-figma-canva-google-stitch-comparison\u002F) — four-way matrix including Canva, the export target\n\n## Showcase\n\nReal builds shipped with Claude Design — launch-week seed of 10 cards (Tom's Guide pizza brand in 30 min, Peter Yang's 16-min everything build, Mercury's 90% inference, Brilliant 20→2 prompts, Datadog week→1-conversation, and more).\n\nSee [`showcase\u002FREADME.md`](showcase\u002FREADME.md). Submit your own via the [Showcase Submission issue template](.github\u002FISSUE_TEMPLATE\u002Fshowcase-submission.yml) or PR.\n\n## Community Takes\n\n### Hype\n\n> \"Would suck to be Figma right now.\"\n> — [r\u002FClaudeAI launch thread](https:\u002F\u002Fwww.reddit.com\u002Fr\u002FClaudeAI\u002Fcomments\u002F1so3k1y\u002F)\n\n> \"After 29 years of being a designer, this is the only better way of working.\"\n> — [AI for Work](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=4q2F4zblOLQ)\n\n> \"The design system integration feels best in class for AI.\"\n> — [@petergyang](https:\u002F\u002Fx.com\u002Fpetergyang\u002Fstatus\u002F2045527271650558383)\n\n- [Mejba Ahmed — The visual layer Claude Code was missing](https:\u002F\u002Fwww.mejba.me\u002Fblog\u002Fclaude-design-visual-workflow-claude-code) — engineer-positive read: closes the visual gap in the Claude Code loop\n\n### Pushback\n\n> \"Just tested it. This is only hype for people that never worked with real UX\u002FUI designers. Another slop feature that will burn tokens.\"\n> — [r\u002FClaudeAI](https:\u002F\u002Fwww.reddit.com\u002Fr\u002FClaudeAI\u002Fcomments\u002F1so3k1y\u002F)\n\n> \"Anthropic is saying 'look at this hand, see the coin?' — I'm going to open the hand, and the coin is not there. But it was never there. The whole goal was so you're not looking at the other hand while they're taking your subscription money.\"\n> — [Malewicz](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=IkspcJdeP3U)\n\n> \"Was Google Stitch or Microsoft Designer or Template Monster the quality of a mid-level designer? No. Is this?\"\n> — Malewicz, same video\n\n> \"Stickley wouldn't have stained pine to look like oak. Truth to materials means the interface should reveal what built it, not pretend to be hand-drawn when it was assembled.\"\n> — [Sam Henri Gold](https:\u002F\u002Fsamhenri.gold\u002Fblog\u002F20260418-claude-design\u002F), Tavus designer, framing Claude Design through Arts-and-Crafts and predicting a CD↔Claude Code two-way feedback loop\n\n> \"Anthropic debuts Claude Design — because who needs designers?\"\n> — [The Register](https:\u002F\u002Fwww.theregister.com\u002F2026\u002F04\u002F17\u002Fanthropic_debuts_claude_design\u002F), launch-day headline\n\n> \"If your job was the comps, your job was always going to go. The design was never the comps.\"\n> — [Christopher Noessel](https:\u002F\u002Fchristophernoessel.medium.com\u002Fdesign-was-never-the-comps-what-i-learned-when-claude-design-dumped-a-dozen-screens-on-me-73893af464ae), IxDA author, after Claude Design dumped a dozen screens on him in one sitting\n\n> \"The designers it replaces are not the designers you were worried about replacing.\"\n> — [Malewicz — Will Claude Design replace designers?](https:\u002F\u002Fmichalmalewicz.medium.com\u002Fwill-claude-design-replace-designers-f92623f3befe), companion long-form piece to the YouTube teardown\n\n- [Abhi Chatterjee — Designer's first walkthrough](https:\u002F\u002Fwww.designsystemscollective.com\u002Fclaude-design-just-launched-a-designers-first-walkthrough-c79d7ce47b9b) — burned ~50% of weekly allotment on one design system + one prototype; trained eyes still spot spacing inconsistencies\n- [PCWorld — I tried Claude Design for half an hour, I'm already locked out for a week](https:\u002F\u002Fwww.pcworld.com\u002Farticle\u002F3117811\u002Fi-tried-claude-design-for-half-an-hour-im-already-locked-out-for-a-week.html) — 30-minute session exhausted the weekly allowance\n\n### The market\n\nFigma (NYSE: FIG) closed **−4.26%** on launch day. Intraday low ~**−7%** per r\u002FFigmaDesign. Adobe unchanged.\n\n- [Victoria Okwuokenye — Claude Design full breakdown](https:\u002F\u002Fmedium.com\u002Fdesign-bootcamp\u002Fclaude-design-is-here-full-breakdown-a32767258fb9) — feature-by-feature read of where Claude Design lands against the incumbent design stack\n- [BSWEN — Good enough for professional websites?](https:\u002F\u002Fdocs.bswen.com\u002Fblog\u002F2026-04-18-claude-design-quality-professional\u002F) — output-quality bar test; argues the gap to \"pro site\" is narrower than the discourse claims\n\n### The fine print\n\n> \"Fun but burns through usage quickly.\"\n> — [@petergyang](https:\u002F\u002Fx.com\u002Fpetergyang\u002Fstatus\u002F2045527271650558383)\n\nEarly Opus 4.7 hallucination reports on long tasks: [r\u002FClaudeCode thread](https:\u002F\u002Fwww.reddit.com\u002Fr\u002FClaudeCode\u002Fcomments\u002F1so9uta\u002F) — \"$120 of API credits, by god is it bad.\"\n\n- [Ocasio Consulting — Claude Design review](https:\u002F\u002Focasioconsulting.com\u002Fclaude-design-review\u002F) — direct ask for a flat design-seat fee; \"rationing creativity goes against the spirit\" of the tool\n\n### Forum Pulse\n\nEngineer-class community takes from Hacker News — three threads, three angles.\n\n- [HN #47806725 — main launch thread](https:\u002F\u002Fnews.ycombinator.com\u002Fitem?id=47806725) — competent UI, nothing mind-blowing yet\n- [HN #47818700 — \"Thoughts and feelings around Claude Design\"](https:\u002F\u002Fnews.ycombinator.com\u002Fitem?id=47818700) — 95% of weekly usage gone in a sitting; plaything-not-tool critique\n- [HN #47832366 — \"Figma's woes compound with Claude Design\"](https:\u002F\u002Fnews.ycombinator.com\u002Fitem?id=47832366) — leaf-node output vs full design lifecycle; Figma exposure compounds\n\n## Feature Map\n\n| Capability | Detail |\n|---|---|\n| Brand onboarding | Claude reads codebase + design files, builds system automatically on first run |\n| Web capture | Grab live elements from your site so prototypes match production |\n| File imports | DOCX, PPTX, XLSX, images, Figma `.fig`, repo URL, text |\n| Inline comments | Comment on specific elements the way you would in Figma |\n| Adjustment knobs | Live sliders for spacing, color, layout — apply across the design |\n| Design-system coverage | Colors, typography, components, preview cards, working UI kit, exportable `SKILL.md` |\n| Collaboration | Org-scoped sharing — private, view-only, edit access with group Claude chat |\n| Export | Canva, PDF, PPTX, standalone HTML, shareable internal URL, saved folder |\n| Code handoff | Bundle → Claude Code with one instruction (CSS vars + component stubs) |\n| Frontier features | Voice, video, shaders, 3D, built-in AI outputs |\n| Videos | Per @petergyang: \"creates beautiful videos, more so than slides\" |\n\n## Launch Timeline\n\n| Date | Event | Source |\n|---|---|---|\n| 2026-04-10 | Canva announces Anthropic collaboration (Canva Foundation Design Model partnership) at Canva Create LA | [Canva newsroom](https:\u002F\u002Fwww.canva.com\u002Fnewsroom\u002Fnews\u002Fcanva-claude-design\u002F) · [Morningstar \u002F BusinessWire](https:\u002F\u002Fwww.morningstar.com\u002Fnews\u002Fbusiness-wire\u002F20260410843169\u002Fcanva-announces-anthropic-collaboration-to-bring-ai-powered-design-to-millions) |\n| 2026-04-14 | The Information leaks Opus 4.7 + design tool | [r\u002Fsingularity +889](https:\u002F\u002Fwww.reddit.com\u002Fr\u002Fsingularity\u002Fcomments\u002F1slh72j\u002F) |\n| 2026-04-14 | Mike Krieger (Anthropic CPO) steps off Figma board — pre-launch signal | [Martin Alderson](https:\u002F\u002Fmartinalderson.com\u002Fposts\u002Fanthropic-figma-supplier-conflict\u002F) |\n| 2026-04-17 | Claude Design + Opus 4.7 ship in research preview | [anthropic.com](https:\u002F\u002Fwww.anthropic.com\u002Fnews\u002Fclaude-design-anthropic-labs) |\n| 2026-04-17 | Official launch tweet | [@claudeai](https:\u002F\u002Fx.com\u002Fclaudeai\u002Fstatus\u002F2045156267690213649) |\n| 2026-04-17 | r\u002FClaudeAI launch thread hits 2,293 upvotes | [Reddit](https:\u002F\u002Fwww.reddit.com\u002Fr\u002FClaudeAI\u002Fcomments\u002F1so3k1y\u002F) |\n| 2026-04-17 | Figma closes −4.26% (second thread 1,763 upvotes) | [Reddit](https:\u002F\u002Fwww.reddit.com\u002Fr\u002FClaudeAI\u002Fcomments\u002F1so6z2t\u002F) · [@brewmarkets](https:\u002F\u002Fx.com\u002Fbrewmarkets\u002Fstatus\u002F2045175784554283228) |\n| 2026-04-17 | r\u002FFigmaDesign reports ~7% intraday dip | [Reddit](https:\u002F\u002Fwww.reddit.com\u002Fr\u002FFigmaDesign\u002Fcomments\u002F1soc1ic\u002F) |\n| 2026-04-17 | Mainstream press wave — TechCrunch, VentureBeat, Adweek frame the launch | [TechCrunch](https:\u002F\u002Ftechcrunch.com\u002F2026\u002F04\u002F17\u002Fanthropic-launches-claude-design-a-new-product-for-creating-quick-visuals\u002F) · [VentureBeat](https:\u002F\u002Fventurebeat.com\u002Fai\u002Fanthropic-launches-claude-design-ai-design-tool\u002F) · [Adweek](https:\u002F\u002Fwww.adweek.com\u002Fmedia\u002Fanthropic-debuts-claude-design-for-building-marketing-assets-decks-and-uis\u002F) |\n| 2026-04-17 | Austin Lau (Anthropic growth marketer) — first-party Tweaks-panel demo + Claude Cowork landing-page recreation | [@helloitsaustin](https:\u002F\u002Fx.com\u002Fhelloitsaustin\u002Fstatus\u002F2045176910569980318) |\n| 2026-04-18 | Teardown wave: Isenberg, Malewicz, 02ui, Ray Fernando, WorldofAI, Vivek Mishra, AI for Work | See [Video Teardowns](#video-teardowns) |\n| 2026-04-18 | @petergyang 16-min build: video + slides + website + app + design system | [Tweet](https:\u002F\u002Fx.com\u002Fpetergyang\u002Fstatus\u002F2045527271650558383) |\n| 2026-04-18 | Sam Henri Gold publishes \"Stickley joinery\" framing post | [samhenri.gold](https:\u002F\u002Fsamhenri.gold\u002Fblog\u002F20260418-claude-design\u002F) |\n| 2026-04-18 | Brilliant + Datadog case studies surface in Anthropic launch post | [anthropic.com](https:\u002F\u002Fwww.anthropic.com\u002Fnews\u002Fclaude-design-anthropic-labs) |\n| 2026-04-18 | MacStories hands-on by John Voorhees — Apple-press POV; \"comment-on-element covered 95% of what's needed\" | [macstories.net](https:\u002F\u002Fwww.macstories.net\u002Fstories\u002Fhands-on-with-anthropic-labs-claude-design-preview\u002F) |\n| 2026-04-19 | Ryan Mather publishes 7-tip thread (system-first, comments-not-chat, connectors) | [@Flomerboy](https:\u002F\u002Fx.com\u002FFlomerboy\u002Fstatus\u002F2045162321589252458) |\n| 2026-04-19 | ADPList community surfaces \"10x designer with Claude Design\" framing — `\u002Fpackages\u002Fui` subdirectory pro-tip | [adplist.substack.com](https:\u002F\u002Fadplist.substack.com\u002Fp\u002Fhow-to-become-a-10x-designer-with) |\n| 2026-04-20 | Follow-on coverage — \"hits Figma where it hurts\" \u002F \"rattles design giants\" | [Web And IT News](https:\u002F\u002Fwww.webanditnews.com\u002F2026\u002F04\u002F20\u002Fclaude-design-hits-figma-where-it-hurts-ai-eats-into-non-designer-users\u002F) · [Storyboard18](https:\u002F\u002Fwww.storyboard18.com\u002Fdigital\u002Fwhat-is-claude-design-anthropics-new-ai-tool-rattles-design-software-giants-ws-l-95581.htm) |\n| 2026-04-21 | Pricing controversy — Pro tier loses Claude Code access | [Pasquale Pillitteri](https:\u002F\u002Fpasqualepillitteri.it\u002Fen\u002Fnews\u002F591\u002Fai-app-builders-comparison-2026) |\n| 2026-04-21 | DESIGN.md spec open-sourced by Google (Stitch \u002F Google Labs) | [blog.google](https:\u002F\u002Fblog.google\u002Ftechnology\u002Fgoogle-labs\u002F) |\n| 2026-04-22 | Anthropic publishes Claude Design subscription usage + pricing doc | [support.claude.com](https:\u002F\u002Fsupport.claude.com\u002Fen\u002Farticles\u002F14667344-claude-design-subscription-usage-and-pricing) |\n| 2026-04-22 | Post-launch coverage consolidates — Lenny mini-episode + Quasa.io tips + Anthropic pricing doc | [Lenny's Newsletter](https:\u002F\u002Fwww.lennysnewsletter.com\u002Fp\u002Fwhat-claude-design-is-actually-good) · [Quasa.io](https:\u002F\u002Fquasa.io\u002Fmedia\u002Fclaude-design-looks-great-but-it-devours-your-token-limits-here-s-how-to-use-it-smartly) · [support.claude.com](https:\u002F\u002Fsupport.claude.com\u002Fen\u002Farticles\u002F14667344-claude-design-subscription-usage-and-pricing) |\n\n## Quotas & Token Budget\n\nQuota burn is the #2 community complaint after AI-slop fingerprints. Here's the math + the recipe so you don't lose a week to a single prompt.\n\n- **Separate meter from chat.** Claude Design has its own usage meter, distinct from regular Claude.ai chat — per the [Anthropic pricing doc](https:\u002F\u002Fsupport.claude.com\u002Fen\u002Farticles\u002F14667344-claude-design-subscription-usage-and-pricing).\n- **Per-user, not pooled.** Weekly allowance is per-seat — teams cannot share a pool — per the [Anthropic pricing doc](https:\u002F\u002Fsupport.claude.com\u002Fen\u002Farticles\u002F14667344-claude-design-subscription-usage-and-pricing).\n- **One-time promotional credit.** Roughly 20 typical prompts, expiring **2026-07-17** — per the [Anthropic pricing doc](https:\u002F\u002Fsupport.claude.com\u002Fen\u002Farticles\u002F14667344-claude-design-subscription-usage-and-pricing). Spend it on experiments, save weekly allowance for production.\n- **Vision tokens cost ~3x text.** Opus 4.7 vision pricing is broadly cited; every screenshot, `.fig`, or web-capture inflates the bill.\n- **Pro can exhaust in 2–3 prompts.** Multiple reports on the [r\u002FClaudeAI launch thread](https:\u002F\u002Fwww.reddit.com\u002Fr\u002FClaudeAI\u002Fcomments\u002F1so3k1y\u002F) of two prompts eating 95% of a weekly limit.\n- **30 minutes → locked out for a week.** [PCWorld](https:\u002F\u002Fwww.pcworld.com\u002Farticle\u002F3117811\u002Fi-tried-claude-design-for-half-an-hour-im-already-locked-out-for-a-week.html) review burned the full allowance in one sitting.\n- **50% of weekly allotment for one design system + one prototype.** Designer field report from [Abhi Chatterjee](https:\u002F\u002Fwww.designsystemscollective.com\u002Fclaude-design-just-launched-a-designers-first-walkthrough-c79d7ce47b9b).\n- **\"Rationing creativity goes against the spirit.\"** [Ocasio Consulting](https:\u002F\u002Focasioconsulting.com\u002Fclaude-design-review\u002F) calls directly for a flat design-seat fee.\n- **Concrete USD costs on Max-5x: $3 landing \u002F $4 video \u002F $7 deck.** [CopyRocket AI](https:\u002F\u002Fcopyrocket.ai\u002Fi-tested-claude-design-on-my-real-brand) tested on a real brand and burned 90% of weekly allowance in 4–5 prompts. Definitive token-budget reference.\n- **Image generation is \"powered in part by Canva.\"** [Lalindra (Pen With Paper)](https:\u002F\u002Fmedium.com\u002Fpen-with-paper\u002Fclaude-design-review-i-spent-a-day-with-it-heres-what-actually-happens-441922202ef2) surfaces that Claude Design's image generation routes through the Canva Design Engine partnership — explains some of the quota dynamics around visual exports.\n\nRecommended sequence: [`recipes\u002Ftoken-budget-claude-design.md`](recipes\u002Ftoken-budget-claude-design.md) — scaffold once, cap reference screens at 4, switch to inline comments for iteration, branch for variants, bundle to Claude Code in one shot.\n\nFull pricing reference: [Claude Design subscription usage and pricing — support.claude.com](https:\u002F\u002Fsupport.claude.com\u002Fen\u002Farticles\u002F14667344-claude-design-subscription-usage-and-pricing).\n\n## Official Resources\n\n- [Launch — anthropic.com\u002Fnews\u002Fclaude-design-anthropic-labs](https:\u002F\u002Fwww.anthropic.com\u002Fnews\u002Fclaude-design-anthropic-labs)\n- [Product — claude.ai\u002Fdesign](https:\u002F\u002Fclaude.ai\u002Fdesign)\n- [Anthropic Labs](https:\u002F\u002Fwww.anthropic.com\u002Flabs)\n- [Anthropic Prompt Library](https:\u002F\u002Fdocs.anthropic.com\u002Fen\u002Fresources\u002Fprompt-library\u002Flibrary) — Brand builder, Website wizard, Prose polisher, 40+ more\n- [`anthropics\u002Fskills` — `frontend-design` SKILL.md](https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Ffrontend-design\u002FSKILL.md) — the underlying skill Claude Design routes through; auto-loaded by Claude Code for UI work\n- [`anthropics\u002Fskills` PR #210](https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fskills\u002Fpull\u002F210) — clarity revision; 75% win rate across model tiers, biggest lift on Haiku\n- [`anthropics\u002Fclaude-cookbooks` — frontend aesthetics notebook](https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fclaude-cookbooks\u002Fblob\u002Fmain\u002Fcoding\u002Fprompting_for_frontend_aesthetics.ipynb) — Anthropic's own anti-slop primer; quoted in [Anti-Slop Kit](#anti-slop-kit)\n- [Claude Cookbooks — prompting_for_frontend_aesthetics.ipynb](https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fclaude-cookbooks\u002Fblob\u002Fmain\u002Fcoding\u002Fprompting_for_frontend_aesthetics.ipynb)\n- [Prompt engineering overview](https:\u002F\u002Fdocs.anthropic.com\u002Fen\u002Fdocs\u002Fbuild-with-claude\u002Fprompt-engineering\u002Foverview)\n- [Prompt generator (Console)](https:\u002F\u002Fdocs.anthropic.com\u002Fen\u002Fdocs\u002Fbuild-with-claude\u002Fprompt-engineering\u002Fprompt-generator)\n\n## X Signal\n\nLaunch-week reactions with receipts.\n\n| Handle | Angle | Quote | Link |\n|---|---|---|---|\n| [@claudeai](https:\u002F\u002Fx.com\u002Fclaudeai\u002Fstatus\u002F2045156267690213649) | Official | \"Introducing Claude Design by Anthropic Labs. Powered by Claude Opus 4.7, our most capable vision model.\" | Tweet |\n| [@petergyang](https:\u002F\u002Fx.com\u002Fpetergyang\u002Fstatus\u002F2045527271650558383) | Hands-on PM | \"Design system integration feels best in class for AI. Creates beautiful videos, more so than slides. Fun but burns through usage quickly.\" | Tweet |\n| [@brewmarkets](https:\u002F\u002Fx.com\u002Fbrewmarkets\u002Fstatus\u002F2045175784554283228) | Markets | \"Figma stock is tumbling after Anthropic introduces Claude Design.\" | Tweet |\n\nSubmit more: handle, verbatim quote ≤280 chars, tweet URL, engagement numbers.\n\n\u003Cp align=\"center\">\u003Cimg src=\"assets\u002Fmascot.svg\" width=\"72\" alt=\"mascot\">\u003C\u002Fp>\n\n## DESIGN.md by Aesthetic Family\n\nNot sorted by industry. Sorted by **visual character** — because that's how designers actually pick. Each family links to (1) a working `DESIGN.md` in `\u002Fdesign-md\u002F\u003Cfamily>\u002F`, (2) canonical external references, (3) a one-line swatch + type spec so you can eyeball fit before cloning.\n\n**Shipped samples in this repo:** [warm\u002Fclaude.md](design-md\u002Fwarm\u002Fclaude.md) · [warm\u002Fmercury.md](design-md\u002Fwarm\u002Fmercury.md) · [terminal\u002Follama.md](design-md\u002Fterminal\u002Follama.md) · [terminal\u002Fwarp.md](design-md\u002Fterminal\u002Fwarp.md) · [terminal\u002Fopencode.md](design-md\u002Fterminal\u002Fopencode.md) · [editorial\u002Flinear.md](design-md\u002Feditorial\u002Flinear.md) · [editorial\u002Fvercel.md](design-md\u002Feditorial\u002Fvercel.md) · [data-dense\u002Fclickhouse.md](design-md\u002Fdata-dense\u002Fclickhouse.md) · [data-dense\u002Fposthog.md](design-md\u002Fdata-dense\u002Fposthog.md) · [data-dense\u002Fdatadog.md](design-md\u002Fdata-dense\u002Fdatadog.md) · [data-dense\u002Fmongodb.md](design-md\u002Fdata-dense\u002Fmongodb.md) · [cinematic\u002Frunway.md](design-md\u002Fcinematic\u002Frunway.md) · [cinematic\u002Ftavus.md](design-md\u002Fcinematic\u002Ftavus.md) · [cinematic\u002Fcohere.md](design-md\u002Fcinematic\u002Fcohere.md) · [cinematic\u002Fnvidia.md](design-md\u002Fcinematic\u002Fnvidia.md) · [cinematic\u002Fminimax.md](design-md\u002Fcinematic\u002Fminimax.md) · [cinematic\u002Fbmw.md](design-md\u002Fcinematic\u002Fbmw.md) · [cinematic\u002Fferrari.md](design-md\u002Fcinematic\u002Fferrari.md) · [cinematic\u002Flamborghini.md](design-md\u002Fcinematic\u002Flamborghini.md) · [cinematic\u002Frenault.md](design-md\u002Fcinematic\u002Frenault.md) · [playful\u002Ffigma.md](design-md\u002Fplayful\u002Ffigma.md) · [playful\u002Fcanva.md](design-md\u002Fplayful\u002Fcanva.md) · [playful\u002Ftoss.md](design-md\u002Fplayful\u002Ftoss.md) · [glass\u002Farc.md](design-md\u002Fglass\u002Farc.md) · [glass\u002Fapple.md](design-md\u002Fglass\u002Fapple.md) · [brutalist\u002Fthe-verge.md](design-md\u002Fbrutalist\u002Fthe-verge.md) · [indie\u002Fgranola.md](design-md\u002Findie\u002Fgranola.md) · [remix\u002Flinear-x-claude.md](design-md\u002Fremix\u002Flinear-x-claude.md) · [remix\u002Fwarp-x-sentry.md](design-md\u002Fremix\u002Fwarp-x-sentry.md) · [remix\u002Fstripe-x-a24.md](design-md\u002Fremix\u002Fstripe-x-a24.md) · [remix\u002Fvercel-x-pitchfork.md](design-md\u002Fremix\u002Fvercel-x-pitchfork.md) · [remix\u002Fgranola-x-criterion.md](design-md\u002Fremix\u002Fgranola-x-criterion.md) · [remix\u002Follama-x-elevenlabs.md](design-md\u002Fremix\u002Follama-x-elevenlabs.md) · [remix\u002Fnotion-x-duolingo.md](design-md\u002Fremix\u002Fnotion-x-duolingo.md) · [remix\u002Fmercury-x-linear.md](design-md\u002Fremix\u002Fmercury-x-linear.md)\n\n### 1. Editorial Minimalism\n\nCalm neutrals, serif or narrow-grotesque headlines, generous line-height, single accent. Built for reading, pricing pages, docs.\n\n| Brand | Swatch | Type | External reference |\n|---|---|---|---|\n| Linear | `#fff \u002F #0f0f14 \u002F #5e6ad2` | Inter \u002F Söhne | [linear.app](https:\u002F\u002Flinear.app) |\n| Stripe | `#fff \u002F #0a2540 \u002F #635bff` | Sohne \u002F Camphor | [stripe.com](https:\u002F\u002Fstripe.com) |\n| Vercel | `#fff \u002F #000 \u002F single grayscale ramp` | Geist | [vercel.com](https:\u002F\u002Fvercel.com) |\n| Mintlify | `#fff \u002F #0c0c0e \u002F green accent` | Inter reading-optimized | [mintlify.com](https:\u002F\u002Fmintlify.com) |\n\n### 2. Terminal-Core\n\nMonospace everywhere, phosphor-green or amber on near-black, hard edges, CLI metaphors.\n\n| Brand | Swatch | Type | External reference |\n|---|---|---|---|\n| Ollama | `#000 \u002F #fff \u002F no accent` | Mono | [ollama.com](https:\u002F\u002Follama.com) |\n| Warp | `#0b0d14 \u002F #16d5e6 \u002F #ff7a59` | Roobert + JetBrains Mono | [warp.dev](https:\u002F\u002Fwarp.dev) |\n| Raycast | `#1d1d1f \u002F #ff6363 \u002F white` | Custom sans + mono | [raycast.com](https:\u002F\u002Fraycast.com) |\n| OpenCode | `#080808 \u002F #d2d2d2 \u002F green` | IBM Plex Mono | [opencode.ai](https:\u002F\u002Fopencode.ai) |\n\n### 3. Warm Editorial\n\nTerracotta, cream, clay. Serif body, approachable, human. Claude's own brand sits here.\n\n| Brand | Swatch | Type | External reference |\n|---|---|---|---|\n| Claude \u002F Anthropic | `#f4f3ee \u002F #c96442 \u002F #191817` | Styrene \u002F Tiempos | [anthropic.com](https:\u002F\u002Fanthropic.com) |\n| Notion | `#fff \u002F #37352f \u002F warm grays` | Segoe + Lyon serif | [notion.so](https:\u002F\u002Fnotion.so) |\n| Resend | `#0a0a0a \u002F #fff \u002F mono accents` | Söhne + GT America Mono | [resend.com](https:\u002F\u002Fresend.com) |\n| Substack | `#fff \u002F #1a1a1a \u002F #ff6719` | Spectral + SF Pro | [substack.com](https:\u002F\u002Fsubstack.com) |\n\n### 4. Data-Dense Pro\n\nCharts are the hero. Tight spacing, saturated categorical palette, fixed-width numerals, dark-first dashboards.\n\n| Brand | Swatch | Type | External reference |\n|---|---|---|---|\n| ClickHouse | `#181818 \u002F #faff69 \u002F magenta` | Inter tabular | [clickhouse.com](https:\u002F\u002Fclickhouse.com) |\n| PostHog | `#1d4aff \u002F #f9bd2b \u002F #000` | Matter + Mono | [posthog.com](https:\u002F\u002Fposthog.com) |\n| Grafana | `#111217 \u002F #f47c1b \u002F multi-series` | Inter | [grafana.com](https:\u002F\u002Fgrafana.com) |\n| Sentry | `#362d59 \u002F #f6827d \u002F #584774` | Rubik | [sentry.io](https:\u002F\u002Fsentry.io) |\n| Supabase | `#171717 \u002F #3ecf8e` | Custom + mono | [supabase.com](https:\u002F\u002Fsupabase.com) |\n| MongoDB | `#001e2b \u002F #00ed64 \u002F #00684a` | Euclid Circular A + Source Code Pro | [mongodb.com](https:\u002F\u002Fmongodb.com) |\n\n### 5. Cinematic Dark\n\nFilm-grade gradients, oversized type, motion-forward, media-heavy hero. Built for AI products and creator tools.\n\n| Brand | Swatch | Type | External reference |\n|---|---|---|---|\n| RunwayML | `#000 \u002F saturated magenta + cyan` | Custom grotesque | [runwayml.com](https:\u002F\u002Frunwayml.com) |\n| ElevenLabs | `#0a0a0a \u002F electric blue \u002F wave motifs` | Inter | [elevenlabs.io](https:\u002F\u002Felevenlabs.io) |\n| Minimax | `#000 \u002F neon lime on charcoal` | Custom + mono | [minimax.ai](https:\u002F\u002Fminimax.ai) |\n| Midjourney | `#000 \u002F earth tones + lilac` | Editorial serif | [midjourney.com](https:\u002F\u002Fmidjourney.com) |\n| NVIDIA | `#000 \u002F #76b900 signature green \u002F #ffffff` | NVIDIA Sans \u002F Helvetica Neue | [nvidia.com](https:\u002F\u002Fnvidia.com) |\n| BMW | `#fff \u002F #1c69d4 corporate blue \u002F M-gradient` | BMW Type Next Web + Helvetica Neue | [bmw.com](https:\u002F\u002Fbmw.com) |\n| Ferrari | `#000 \u002F #fff \u002F #eb2323 Rosso Corsa` | FerrariSans | [ferrari.com](https:\u002F\u002Fferrari.com) |\n| Lamborghini | `#000 \u002F #ffc000 warm gold \u002F hex motif` | LamboType + Roboto | [lamborghini.com](https:\u002F\u002Flamborghini.com) |\n| Renault | `#fff \u002F aurora yellow→magenta→cyan \u002F #efdf00 + #e91630` | NouvelR | [renault.fr](https:\u002F\u002Frenault.fr) |\n\n### 6. Playful Color\n\nHigh-saturation, illustrated accents, rounded corners, decorative shapes. Consumer-friendly.\n\n| Brand | Swatch | Type | External reference |\n|---|---|---|---|\n| Figma | `#0acf83 \u002F #f24e1e \u002F #a259ff \u002F #ff7262 \u002F #1abcfe` | Inter + Whyte | [figma.com](https:\u002F\u002Ffigma.com) |\n| Clay | `#f6e9c9 \u002F organic shapes \u002F soft gradients` | Söhne | [clay.com](https:\u002F\u002Fclay.com) |\n| Duolingo | `#58cc02 \u002F #fff \u002F #ff4b4b` | DIN Rounded | [duolingo.com](https:\u002F\u002Fduolingo.com) |\n| Mailchimp | `#ffe01b \u002F #000` | Cooper Hewitt + GT America | [mailchimp.com](https:\u002F\u002Fmailchimp.com) |\n| Cal.com | `#292929 \u002F #fff \u002F single accent` | Inter | [cal.com](https:\u002F\u002Fcal.com) |\n| Toss | `#fff \u002F #3182f6 Toss Blue \u002F #191f28` | Toss Product Sans + Noto Sans KR | [toss.im](https:\u002F\u002Ftoss.im) |\n\n### 7. Glass \u002F Soft-Futurism\n\nFrosted blur, layered translucency, soft gradients, Apple-adjacent. Premium consumer feel.\n\n| Brand | Swatch | Type | External reference |\n|---|---|---|---|\n| Apple | `#fff \u002F #1d1d1f \u002F system colors` | SF Pro | [apple.com](https:\u002F\u002Fapple.com) |\n| Arc Browser | `#fff \u002F radial pastel gradients` | Custom | [arc.net](https:\u002F\u002Farc.net) |\n| Airbnb | `#fff \u002F #ff385c \u002F #222` | Cereal | [airbnb.com](https:\u002F\u002Fairbnb.com) |\n| Granola | `#faf8f2 \u002F warm glass` | Editorial serif | [granola.ai](https:\u002F\u002Fgranola.ai) |\n| Spotify | `#000 \u002F #1db954` | Circular | [spotify.com](https:\u002F\u002Fspotify.com) |\n\n### 8. Neon Brutalist\n\nHard edges, deliberate-ugly type mixing, oversized numerals, saturated single hue. Statement pieces.\n\n| Brand | Swatch | Type | External reference |\n|---|---|---|---|\n| Bugatti | `#0d1321 \u002F electric blue \u002F chrome` | Custom + GT America | [bugatti.com](https:\u002F\u002Fbugatti.com) |\n| PlayStation | `#000 \u002F full-spectrum prism` | SST | [playstation.com](https:\u002F\u002Fplaystation.com) |\n| The Verge | `#ff6600 \u002F #000 \u002F #fff` | Polysans + editorial serif | [theverge.com](https:\u002F\u002Ftheverge.com) |\n| Pitchfork | `#fff \u002F #000 \u002F #ff5d1f` | Editorial serif | [pitchfork.com](https:\u002F\u002Fpitchfork.com) |\n\n### 9. Cult \u002F Indie Picks (non-Fortune-500)\n\nBrands VoltAgent's catalog does NOT cover — indie SaaS, cult tools, magazines, museums, game studios. Maintainer bias: these are the ones worth cloning.\n\n| Brand | Why | External reference |\n|---|---|---|\n| Thesephist \u002F Ink & Switch | Research-publication aesthetic | [thesephist.com](https:\u002F\u002Fthesephist.com) |\n| Paradigm | Crypto-firm minimal serif | [paradigm.xyz](https:\u002F\u002Fparadigm.xyz) |\n| Criterion Collection | Film archive editorial | [criterion.com](https:\u002F\u002Fcriterion.com) |\n| A24 | Cinema brand-as-artifact | [a24films.com](https:\u002F\u002Fa24films.com) |\n| Letterboxd | Dark cinephile social | [letterboxd.com](https:\u002F\u002Fletterboxd.com) |\n| ProPublica | Investigative journalism density | [propublica.org](https:\u002F\u002Fpropublica.org) |\n| Dimension.dev | Dev-tool soft-gradient | [dimension.dev](https:\u002F\u002Fdimension.dev) |\n| Granola | AI notetaker warmth | [granola.ai](https:\u002F\u002Fgranola.ai) |\n| Superhuman | Premium email minimalism | [superhuman.com](https:\u002F\u002Fsuperhuman.com) |\n| Obsidian | Personal-knowledge dark | [obsidian.md](https:\u002F\u002Fobsidian.md) |\n\n### External catalogs\n\nThe DESIGN.md ecosystem is bigger than this repo. We catalog only what others don't — these are the upstreams, mirrors, sibling lists, and origin-spec sources worth bookmarking.\n\n**DESIGN.md ecosystem**\n\n- [**VoltAgent\u002Fawesome-claude-design**](https:\u002F\u002Fgithub.com\u002FVoltAgent\u002Fawesome-claude-design) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FVoltAgent\u002Fawesome-claude-design?style=flat-square&logo=github&label=\" height=\"16\"> — 68 brand DESIGN.md files, industry-sorted (the canonical industry catalog)\n- [**VoltAgent\u002Fawesome-design-md**](https:\u002F\u002Fgithub.com\u002FVoltAgent\u002Fawesome-design-md) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FVoltAgent\u002Fawesome-design-md?style=flat-square&logo=github&label=\" height=\"16\"> — 59+ brands in Stitch-format, every entry ships preview.html (tool-agnostic twin)\n- [**philquist\u002Fawesome-claude-design-examples**](https:\u002F\u002Fgithub.com\u002Fphilquist\u002Fawesome-claude-design-examples) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fphilquist\u002Fawesome-claude-design-examples?style=flat-square&logo=github&label=\" height=\"16\"> — community mirror\u002Ffork of the VoltAgent collection, useful as a discovery surface\n- [**getdesign.md**](https:\u002F\u002Fgetdesign.md\u002F) — browseable web UI for 60+ DESIGN.md files (Cursor, Vercel, Warp, Claude, Mistral, xAI, Tesla, Renault, Revolut, Wise, Linear, PostHog)\n- [**google-labs-code\u002Fdesign.md**](https:\u002F\u002Fgithub.com\u002Fgoogle-labs-code\u002Fdesign.md) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fgoogle-labs-code\u002Fdesign.md?style=flat-square&logo=github&label=\" height=\"16\"> — official DESIGN.md spec from Google Labs Code, Apache 2.0; see [`docs\u002Fspec.md`](https:\u002F\u002Fgithub.com\u002Fgoogle-labs-code\u002Fdesign.md\u002Fblob\u002Fmain\u002Fdocs\u002Fspec.md)\n\n**Topic hubs**\n\n- [**github.com\u002Ftopics\u002Fdesign-md**](https:\u002F\u002Fgithub.com\u002Ftopics\u002Fdesign-md) — auto-rolling repo feed for the format itself\n- [**github.com\u002Ftopics\u002Fclaude-design**](https:\u002F\u002Fgithub.com\u002Ftopics\u002Fclaude-design) — Claude Design–tagged repos (skills, examples, tooling)\n\n**Awesome-Claude meta-lists**\n\n- [**rohitg00\u002Fawesome-claude-code-toolkit**](https:\u002F\u002Fgithub.com\u002Frohitg00\u002Fawesome-claude-code-toolkit) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Frohitg00\u002Fawesome-claude-code-toolkit?style=flat-square&logo=github&label=\" height=\"16\"> — sibling meta-toolkit: 135 agents, 35 skills, 42 commands, 176 plugins\n- [**hesreallyhim\u002Fawesome-claude-code**](https:\u002F\u002Fgithub.com\u002Fhesreallyhim\u002Fawesome-claude-code) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fhesreallyhim\u002Fawesome-claude-code?style=flat-square&logo=github&label=\" height=\"16\"> — the original awesome-claude-code list; hosts Patrick Ellis's Design Review Workflow entry\n- [**jqueryscript\u002Fawesome-claude-code**](https:\u002F\u002Fgithub.com\u002Fjqueryscript\u002Fawesome-claude-code) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fjqueryscript\u002Fawesome-claude-code?style=flat-square&logo=github&label=\" height=\"16\"> — surfaces claude-design-engineer (1.1k stars) and excalidraw-diagram-skill (1.2k stars)\n- [**sickn33\u002Fantigravity-awesome-skills**](https:\u002F\u002Fgithub.com\u002Fsickn33\u002Fantigravity-awesome-skills) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fsickn33\u002Fantigravity-awesome-skills?style=flat-square&logo=github&label=\" height=\"16\"> — 1,431+ skills incl. Leonxlnx\u002Ftaste-skill (Stitch design systems, brutalist\u002Fminimalist modes)\n- [**ComposioHQ\u002Fawesome-claude-skills**](https:\u002F\u002Fgithub.com\u002FComposioHQ\u002Fawesome-claude-skills) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FComposioHQ\u002Fawesome-claude-skills?style=flat-square&logo=github&label=\" height=\"16\"> — claude.ai + Code + API portability emphasis; ships canvas-design SKILL.md\n- [**BehiSecc\u002Fawesome-claude-skills**](https:\u002F\u002Fgithub.com\u002FBehiSecc\u002Fawesome-claude-skills) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FBehiSecc\u002Fawesome-claude-skills?style=flat-square&logo=github&label=\" height=\"16\"> — security-flavoured skill list with design-engineering crossover\n- [**travisvn\u002Fawesome-claude-skills**](https:\u002F\u002Fgithub.com\u002Ftravisvn\u002Fawesome-claude-skills) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Ftravisvn\u002Fawesome-claude-skills?style=flat-square&logo=github&label=\" height=\"16\"> — curated skills with subagent guidance and authoring conventions\n- [**heilcheng\u002Fawesome-agent-skills**](https:\u002F\u002Fgithub.com\u002Fheilcheng\u002Fawesome-agent-skills) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fheilcheng\u002Fawesome-agent-skills?style=flat-square&logo=github&label=\" height=\"16\"> — multi-agent (Claude\u002FCursor\u002FCodex\u002FGemini) skills with explicit awesome-design-md cross-link\n- [**quemsah\u002Fawesome-claude-plugins**](https:\u002F\u002Fgithub.com\u002Fquemsah\u002Fawesome-claude-plugins) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fquemsah\u002Fawesome-claude-plugins?style=flat-square&logo=github&label=\" height=\"16\"> — design-engineering plugins with craft \u002F memory \u002F enforcement framing\n- [**awesomeclaude.ai**](https:\u002F\u002Fawesomeclaude.ai) — web directory across awesome-claude-* repos with an awesome-claude-agents subsection\n\n**Tooling & extractors**\n\n- [**yuvrajangadsingh\u002Fbrandmd**](https:\u002F\u002Fgithub.com\u002Fyuvrajangadsingh\u002Fbrandmd) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fyuvrajangadsingh\u002Fbrandmd?style=flat-square&logo=github&label=\" height=\"16\"> — `npx brandmd https:\u002F\u002Flinear.app` produces DESIGN.md \u002F CSS custom properties \u002F Tailwind v4 \u002F dark-mode overrides; no LLM calls; ships as an Agent Skill across 30+ platforms\n- [**bitjaru\u002Fstyleseed**](https:\u002F\u002Fgithub.com\u002Fbitjaru\u002Fstyleseed) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fbitjaru\u002Fstyleseed?style=flat-square&logo=github&label=\" height=\"16\"> — 69 design rules + 48 shadcn components + Toss\u002FStripe\u002FLinear\u002FVercel\u002FNotion brand skins; teaches LLMs how designers think rather than just what brands look like\n- [**Muluk-m\u002Fdesign-distill**](https:\u002F\u002Fgithub.com\u002FMuluk-m\u002Fdesign-distill) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FMuluk-m\u002Fdesign-distill?style=flat-square&logo=github&label=\" height=\"16\"> — Stitch-compatible DESIGN.md generator with pre-bundled github \u002F linear \u002F notion \u002F stripe \u002F vercel snapshots; works with Codex, Claude Code, and any AI client\n- [**bergside\u002Fdesign-md-chrome**](https:\u002F\u002Fgithub.com\u002Fbergside\u002Fdesign-md-chrome) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fbergside\u002Fdesign-md-chrome?style=flat-square&logo=github&label=\" height=\"16\"> — Chrome \u002F Firefox \u002F Edge extension that extracts DESIGN.md + SKILL.md from any site in TypeUI format ([Chrome Web Store listing](https:\u002F\u002Fchromewebstore.google.com\u002Fdetail\u002Fdesignmd-style-extractor\u002Fogpdnchdjiibhobphelbbkemnnemkfma)); designer-friendly path with no terminal required\n\n**Background reading**\n\n- [**OSS Insight — DESIGN.md Protocol 2026**](https:\u002F\u002Fossinsight.io\u002Fblog\u002Fdesign-md-protocol-2026) — historical timeline of awesome-design-md going viral; useful framing for how the format spread\n- [**Google Stitch open-source announcement**](https:\u002F\u002Fmedium.com\u002Fdesign-bootcamp\u002Fgoogle-makes-design-md-open-source-on-its-way-to-become-a-industry-standard-16119f2368dd) — fernandocomet's coverage of Google open-sourcing the DESIGN.md spec\n- [**MindStudio — What Is Design.md**](https:\u002F\u002Fwww.mindstudio.ai\u002Fblog\u002Fwhat-is-design-md) — primer on the format for non-designers \u002F tool buyers\n\n\u003Cp align=\"center\">\u003Cimg src=\"assets\u002Fdivider.svg\" width=\"600\" alt=\"divider\">\u003C\u002Fp>\n\n## Remix Recipes\n\nSingle-brand clones get generic fast. Mix tokens across families for novel looks.\n\n| Name | Recipe | Feel |\n|---|---|---|\n| **Linear × Claude** | Linear's typography + Claude's terracotta accent + warm neutrals | Editorial SaaS with a soul |\n| **Warp × Sentry** | Warp's mono grid + Sentry's lilac → purple | Developer-tool dashboard that doesn't feel cold |\n| **Stripe × A24** | Stripe's layout discipline + A24's poster boldness | Fintech pitch deck with personality |\n| **Vercel × Pitchfork** | Vercel's grayscale ramp + Pitchfork's orange | Editorial docs site |\n| **Granola × Criterion** | Granola's warmth + Criterion's editorial rigor | Premium note app with gravitas |\n| **Ollama × ElevenLabs** | Terminal mono + cinematic dark gradients | CLI tool landing page |\n| **Notion × Duolingo** | Notion's neutrals + Duolingo's greens | Friendly education SaaS |\n| **Mercury × Linear** | Mercury's cream + indigo + Linear's surgical density | Fintech dashboard with editorial warmth |\n\nShip your remix: `\u002Fdesign-md\u002Fremix\u002F\u003Cname>.md` + screenshot. PR it.\n\n## Picker: What Should I Use\n\nThree questions. Pick a family.\n\n1. **Is your product read-heavy or scan-heavy?**\n   - Read-heavy → [Editorial Minimalism](#1-editorial-minimalism) or [Warm Editorial](#3-warm-editorial)\n   - Scan-heavy → [Data-Dense Pro](#4-data-dense-pro) or [Terminal-Core](#2-terminal-core)\n\n2. **Who's the user?**\n   - Developer → [Terminal-Core](#2-terminal-core) or [Data-Dense Pro](#4-data-dense-pro)\n   - Designer \u002F creator → [Cinematic Dark](#5-cinematic-dark) or [Playful Color](#6-playful-color)\n   - Consumer → [Glass \u002F Soft-Futurism](#7-glass--soft-futurism) or [Playful Color](#6-playful-color)\n   - Prosumer → [Warm Editorial](#3-warm-editorial)\n\n3. **Does the brand need to feel like it took courage?**\n   - Yes → [Neon Brutalist](#8-neon-brutalist) or [Cult \u002F Indie Picks](#9-cult--indie-picks-non-fortune-500)\n   - No → Stay in families 1-7\n\n## Prompts & Cookbooks\n\n### Official (Anthropic)\n\n- [Anthropic Prompt Library](https:\u002F\u002Fdocs.anthropic.com\u002Fen\u002Fresources\u002Fprompt-library\u002Flibrary) — 40+ prompts including **Brand builder**, **Website wizard**, **Prose polisher**\n- [claude-cookbooks \u002F prompting_for_frontend_aesthetics.ipynb](https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fclaude-cookbooks\u002Fblob\u002Fmain\u002Fcoding\u002Fprompting_for_frontend_aesthetics.ipynb) — official anti-slop notebook\n- [System prompts release notes](https:\u002F\u002Fdocs.anthropic.com\u002Fen\u002Frelease-notes\u002Fsystem-prompts)\n\n### Community gists & prompt repos\n\n- [**superdesigndev\u002Fsuperdesign**](https:\u002F\u002Fgithub.com\u002Fsuperdesigndev\u002Fsuperdesign) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fsuperdesigndev\u002Fsuperdesign?style=flat-square&logo=github&label=\" height=\"16\"> — open-source design agent in the IDE by [@jasonzhou1993](https:\u002F\u002Fx.com\u002Fjasonzhou1993) and [@jackjack_eth](https:\u002F\u002Fx.com\u002Fjackjack_eth). Parallel Claude Code agents, infinite canvas UX. [Show HN](https:\u002F\u002Fnews.ycombinator.com\u002Fitem?id=44376003)\n- [**jonthebeef\u002Fsuperdesign-mcp-claude-code**](https:\u002F\u002Fgithub.com\u002Fjonthebeef\u002Fsuperdesign-mcp-claude-code) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fjonthebeef\u002Fsuperdesign-mcp-claude-code?style=flat-square&logo=github&label=\" height=\"16\"> — MCP server wiring SuperDesign into Claude Code, no API key\n- [**Owl-Listener\u002Fdesigner-skills**](https:\u002F\u002Fgithub.com\u002FOwl-Listener\u002Fdesigner-skills) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FOwl-Listener\u002Fdesigner-skills?style=flat-square&logo=github&label=\" height=\"16\"> — Designer Skills Collection by MC Dean. MIT\n- [**Owl-Listener\u002Fdesignpowers**](https:\u002F\u002Fgithub.com\u002FOwl-Listener\u002Fdesignpowers) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FOwl-Listener\u002Fdesignpowers?style=flat-square&logo=github&label=\" height=\"16\"> — specialist design agents, Direct + Auto modes. MIT\n- [**saifyxpro\u002Fui-ux-design-pro-skill**](https:\u002F\u002Fgithub.com\u002Fsaifyxpro\u002Fui-ux-design-pro-skill) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fsaifyxpro\u002Fui-ux-design-pro-skill?style=flat-square&logo=github&label=\" height=\"16\"> — styles, palettes, fonts, reasoning rules, platform templates\n- [**nextlevelbuilder\u002Fui-ux-pro-max-skill**](https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill?style=flat-square&logo=github&label=\" height=\"16\"> — professional UI\u002FUX across platforms\n- [**alirezarezvani\u002Fclaude-skills**](https:\u002F\u002Fgithub.com\u002Falirezarezvani\u002Fclaude-skills) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Falirezarezvani\u002Fclaude-skills?style=flat-square&logo=github&label=\" height=\"16\"> — skills across engineering, marketing, product, compliance\n- [**NicholasSpisak — Design with Claude Code**](https:\u002F\u002Fgist.github.com\u002FNicholasSpisak\u002F7cb9db221b0b7c4c4aaf9ffca21a847c) — `design.md` prompt with three design-professional personas in live debate\n- [**abhishekray07\u002Fclaude-md-templates**](https:\u002F\u002Fgithub.com\u002Fabhishekray07\u002Fclaude-md-templates) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fabhishekray07\u002Fclaude-md-templates?style=flat-square&logo=github&label=\" height=\"16\"> — CLAUDE.md + `api-design.md` rule template\n- [**smartwhale8\u002Fclaude-playbook**](https:\u002F\u002Fgithub.com\u002Fsmartwhale8\u002Fclaude-playbook) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fsmartwhale8\u002Fclaude-playbook?style=flat-square&logo=github&label=\" height=\"16\"> — production `.claude\u002F` scaffolding, GitHub template\n- [**VoltAgent\u002Fawesome-agent-skills**](https:\u002F\u002Fgithub.com\u002FVoltAgent\u002Fawesome-agent-skills) — 1000+ skills incl. `design-md`, `enhance-prompt`, `react-components`, `shadcn-ui`\n- [**daymade\u002Fclaude-code-skills**](https:\u002F\u002Fgithub.com\u002Fdaymade\u002Fclaude-code-skills) — production-ready Claude Code skills marketplace\n\n### Prompt packs shipped here (`\u002Fprompts`)\n\nEvery pack includes the full prompt, an example run with expected output, quality checks, and variations.\n\n| Pack | Purpose | File |\n|---|---|---|\n| `brand-to-design-md` | URL → full DESIGN.md with 9 canonical sections | [`\u002Fprompts\u002Fbrand-to-design-md.md`](prompts\u002Fbrand-to-design-md.md) |\n| `audit-live-site` | URL → scored audit (hierarchy, spacing, a11y, AI-slop) + punch list | [`\u002Fprompts\u002Faudit-live-site.md`](prompts\u002Faudit-live-site.md) |\n| `3-designer-debate` | Three-voice critique with synthesis + minority reports | [`\u002Fprompts\u002F3-designer-debate.md`](prompts\u002F3-designer-debate.md) |\n| `remix-two-brands` | Combine two DESIGN.md files with explicit token arbitration | [`\u002Fprompts\u002Fremix-two-brands.md`](prompts\u002Fremix-two-brands.md) |\n| `family-picker` | 3 questions → recommended family + 2 reference DESIGN.md files | [`\u002Fprompts\u002Ffamily-picker.md`](prompts\u002Ffamily-picker.md) |\n\nIndex: [`\u002Fprompts\u002FREADME.md`](prompts\u002FREADME.md)\n\n## Anti-Slop Kit\n\nDrop this fragment into Claude Design's system prompt or any Claude Code project. Sourced from Anthropic's [frontend aesthetics cookbook](https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fclaude-cookbooks\u002Fblob\u002Fmain\u002Fcoding\u002Fprompting_for_frontend_aesthetics.ipynb):\n\n```\nNEVER use generic AI-generated aesthetics:\n- Overused font families (Inter, Roboto, Arial, system fonts)\n- Cliched color schemes (purple gradients on white or dark backgrounds)\n- Predictable layouts and component patterns\n- Cookie-cutter design that lacks context-specific character\n\nDO use:\n- Unique fonts chosen for the brand, not defaults\n- Cohesive colors and themes grounded in the product's story\n- Animations for effects and micro-interactions\n- Context-specific character in every component\n```\n\nMalewicz's [teardown](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=IkspcJdeP3U) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fyoutube\u002Fviews\u002FIkspcJdeP3U?style=flat-square&label=views&color=191817\" height=\"16\"> opens by flagging Claude Design's own logo as \"generic, color palette\" — exactly the trap this prompt is built to avoid.\n\n### Claude Design's default fingerprints (avoid)\n\nThe single biggest community complaint: every Claude Design output looks the same. Catalogued from launch-week Reddit threads, the [Sam Henri Gold blog post](https:\u002F\u002Fsamhenri.gold\u002Fblog\u002F20260418-claude-design\u002F), the [Banani review](https:\u002F\u002Fwww.banani.co\u002Fblog\u002Fclaude-design-review), and [The Neuron Daily round-up](https:\u002F\u002Fwww.theneurondaily.com\u002Fp\u002Fanthropic-s-claude-design-launched-and-reddit-has-thoughts).\n\n| Fingerprint | What it looks like | Counter-rule |\n|---|---|---|\n| **Teal accent everywhere** | The default `#16d5e6`-adjacent action color appears on CTA, headline accent, focus rings, and chart fill | Pick a brand-specific accent in your DESIGN.md before the first generation |\n| **Blinking status dot** | Animated green\u002Flime dot top-right of nav, signals \"live\"\u002F\"AI\" by reflex | Reject in your prompt: \"no animated status indicators\" |\n| **Container soup** | Pills wrapping cards wrapping cards wrapping content; padding stacking 24\u002F24\u002F24 | Cap nesting depth: \"containers nest at most 2 levels\" |\n| **Default serif headline** | Tiempos- or Source-Serif-adjacent serif paired with sans body — reads like the Anthropic brand's leftovers | Specify font stack with explicit weight + tracking, not a vibe |\n| **Accent bar left of every card** | 4px coloured rule on every card, regardless of semantic meaning | Reserve left-rule for one role (e.g. severity) — never as decoration |\n| **Three-column feature grid in hero** | Almost every landing the model produces has the same section-2 layout | Brief: \"no three-column feature grid; choose marquee, alternating-row, or single-column instead\" |\n| **Lucide icon stack** | Default icon set across nav, buttons, empty states | Either commit to a single icon family (Phosphor \u002F Heroicons \u002F custom) or ship type-only |\n| **Generative hero in product palette ignored** | Image generator picks colors that \"look right\" but ignore the DESIGN.md tokens | Constrain the image: \"regenerate hero using only `--bg`, `--accent`, `--text`\" |\n\nUse the dedicated prompt pack [`prompts\u002Fbreak-default-aesthetic.md`](prompts\u002Fbreak-default-aesthetic.md) to neutralize these in one paste.\n\n### How the defaults got there\n\nClaude Design routes through Anthropic's open-source [`frontend-design` skill](https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Ffrontend-design\u002FSKILL.md) — the same skill Claude Code auto-loads for UI work. The skill's defaults bias toward \"production-quality first pass\" which, in the absence of a DESIGN.md, lands on the same look every time.\n\nTwo related Anthropic resources worth bookmarking:\n\n- [**frontend-aesthetics cookbook**](https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fclaude-cookbooks\u002Fblob\u002Fmain\u002Fcoding\u002Fprompting_for_frontend_aesthetics.ipynb) — Anthropic's own anti-slop primer; the source quoted above\n- [**`skills` PR #210**](https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fskills\u002Fpull\u002F210) — clarity revision of the frontend-design skill; 75% win rate across model tiers, biggest lift on Haiku\n\nAnthropic acknowledges the problem in the cookbook: *\"You tend to converge toward generic, 'on distribution' outputs. In frontend design, this creates what users call the 'AI slop' aesthetic. Avoid this: make creative, distinctive frontends that surprise and delight.\"*\n\n### Community anti-slop tools\n\nBeyond Anthropic's own materials, the community has shipped a growing set of skills, plugins, and review workflows specifically aimed at the slop fingerprints catalogued above. Drop-in alternatives or complements to the prompt fragment.\n\n- [**Leonxlnx\u002Ftaste-skill**](https:\u002F\u002Fgithub.com\u002FLeonxlnx\u002Ftaste-skill) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FLeonxlnx\u002Ftaste-skill?style=flat-square&logo=github&label=\" height=\"16\"> — frontend taste skill: premium UI generation, redesign audits, GSAP motion, brutalist\u002Fminimalist\u002Fsoft variants, 3-dial parameterization (variance, motion, density)\n- [**Dammyjay93\u002Finterface-design**](https:\u002F\u002Fgithub.com\u002FDammyjay93\u002Finterface-design) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FDammyjay93\u002Finterface-design?style=flat-square&logo=github&label=\" height=\"16\"> — design engineering for Claude Code (formerly `claude-design-engineer`): persistent design system file, slash commands for init\u002Faudit\u002Fextract, enforces token consistency between sessions\n- [**coleam00\u002Fexcalidraw-diagram-skill**](https:\u002F\u002Fgithub.com\u002Fcoleam00\u002Fexcalidraw-diagram-skill) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fcoleam00\u002Fexcalidraw-diagram-skill?style=flat-square&logo=github&label=\" height=\"16\"> — diagram skill that argues visually instead of slapping boxes-and-arrows; Playwright render-validate loop catches overlap, misalignment, bad spacing\n- [**OneRedOak\u002Fclaude-code-workflows — design-review**](https:\u002F\u002Fgithub.com\u002FOneRedOak\u002Fclaude-code-workflows\u002Ftree\u002Fmain\u002Fdesign-review) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FOneRedOak\u002Fclaude-code-workflows?style=flat-square&logo=github&label=\" height=\"16\"> — Patrick Ellis's UI\u002FUX review workflow: subagents + `\u002Fdesign-review` slash command + CLAUDE.md memory integration + accessibility coverage via Playwright MCP\n- [**ComposioHQ\u002Fawesome-claude-skills — canvas-design**](https:\u002F\u002Fgithub.com\u002FComposioHQ\u002Fawesome-claude-skills\u002Fblob\u002Fmaster\u002Fcanvas-design\u002FSKILL.md) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FComposioHQ\u002Fawesome-claude-skills?style=flat-square&logo=github&label=\" height=\"16\"> — design philosophy expressed visually: two-phase (philosophy → artifact), 90% visual \u002F 10% essential text, anti-template by construction\n- [**Marie Claire Dean — 63 design skills**](https:\u002F\u002Fmarieclairedean.substack.com\u002Fp\u002Fi-built-63-design-skills-for-claude) ([repo](https:\u002F\u002Fgithub.com\u002FOwl-Listener\u002Fdesigner-skills) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FOwl-Listener\u002Fdesigner-skills?style=flat-square&logo=github&label=\" height=\"16\">) — 63 skills + 27 commands across research, systems, strategy, UI, interaction, prototyping, ops; teaches Claude *what design actually is* beyond image generation. MIT\n\n### Leaked system prompts\n\nWhat Claude Design's frontend-design skill actually says, sourced from community reverse-engineering. Read these before tuning your DESIGN.md — every counter-rule above maps back to a default in this prompt.\n\n- [**GordenSun gist — extracted Claude Design system prompt**](https:\u002F\u002Fgist.github.com\u002FGordenSun\u002Fb5c6316f078d694645ca466386875296) — full extracted prompt; frames Claude as \"an expert designer working with the user as a manager,\" routes through the Frontend design skill, and instructs the model to \"understand visual vocabulary first.\" Primary anti-slop reference: explains *exactly* why outputs default to the teal-aesthetic fingerprints catalogued above.\n- [**hqman gist — alternate system prompt extraction**](https:\u002F\u002Fgist.github.com\u002Fhqman\u002Ff46d5479a5b663c282c94faa8be866de) — second leaked extraction; cross-reference for divergence between sessions \u002F model tiers. Useful for spotting which directives are stable defaults vs. session-injected variations.\n\n## Skills & Plugins\n\nClaude Code skills and SkillKit plugins that pair with Claude Design.\n\n- [**design-shotgun**](https:\u002F\u002Fgithub.com\u002Frohitg00\u002Fskillkit) — generate N variants, compare side-by-side\n- [**design-html**](https:\u002F\u002Fgithub.com\u002Frohitg00\u002Fskillkit) — finalize mockup → production HTML\u002FCSS\n- [**design-review**](https:\u002F\u002Fgithub.com\u002Frohitg00\u002Fskillkit) — designer's-eye QA, AI-slop detection\n- [**design-consultation**](https:\u002F\u002Fgithub.com\u002Frohitg00\u002Fskillkit) — full system proposal (aesthetic, typography, color, motion)\n- [**plan-design-review**](https:\u002F\u002Fgithub.com\u002Frohitg00\u002Fskillkit) — plan-mode critique before implementation\n- [**plan-devex-review**](https:\u002F\u002Fgithub.com\u002Frohitg00\u002Fskillkit) — DX audit for developer-facing UI\n- [**google-labs-code\u002Fdesign-md**](https:\u002F\u002Fgithub.com\u002FVoltAgent\u002Fawesome-agent-skills) — canonical Stitch DESIGN.md generator\n- [**superdesign-mcp**](https:\u002F\u002Fgithub.com\u002Fjonthebeef\u002Fsuperdesign-mcp-claude-code) — SuperDesign as Claude Code MCP server\n\nInstall via SkillKit: `npx skillkit install design-shotgun`\n\n### Community installs\n\nThe same anti-slop tools listed above, with explicit install commands. Mix and match — most chain cleanly with the SkillKit packs above.\n\n- [**Leonxlnx\u002Ftaste-skill**](https:\u002F\u002Fgithub.com\u002FLeonxlnx\u002Ftaste-skill) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FLeonxlnx\u002Ftaste-skill?style=flat-square&logo=github&label=\" height=\"16\"> — premium UI gen, redesign audits, GSAP motion, brutalist\u002Fminimalist\u002Fsoft variants\n  ```sh\n  npx skills add Leonxlnx\u002Ftaste-skill\n  ```\n- [**Dammyjay93\u002Finterface-design**](https:\u002F\u002Fgithub.com\u002FDammyjay93\u002Finterface-design) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FDammyjay93\u002Finterface-design?style=flat-square&logo=github&label=\" height=\"16\"> — persistent design-system memory + `\u002Finterface-design:audit` slash command\n  ```sh\n  git clone https:\u002F\u002Fgithub.com\u002FDammyjay93\u002Finterface-design ~\u002F.claude\u002Fplugins\u002Finterface-design\n  ```\n- [**coleam00\u002Fexcalidraw-diagram-skill**](https:\u002F\u002Fgithub.com\u002Fcoleam00\u002Fexcalidraw-diagram-skill) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fcoleam00\u002Fexcalidraw-diagram-skill?style=flat-square&logo=github&label=\" height=\"16\"> — diagrams that argue visually; render-validate loop\n  ```sh\n  git clone https:\u002F\u002Fgithub.com\u002Fcoleam00\u002Fexcalidraw-diagram-skill .claude\u002Fskills\u002Fexcalidraw-diagram\n  ```\n- [**OneRedOak\u002Fclaude-code-workflows**](https:\u002F\u002Fgithub.com\u002FOneRedOak\u002Fclaude-code-workflows\u002Ftree\u002Fmain\u002Fdesign-review) \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FOneRedOak\u002Fclaude-code-workflows?style=flat-square&logo=github&label=\" height=\"16\"> — Patrick Ellis design-review subagents + `\u002Fdesign-review` + CLAUDE.md excerpts; needs Playwright MCP\n  ```sh\n  git clone https:\u002F\u002Fgithub.com\u002FOneRedOak\u002Fclaude-code-workflows\n  cp -r claude-code-workflows\u002Fdesign-review\u002F.claud","Awesome Claude Design 是一个由 Anthropic Labs 开发的 AI 设计工作空间，提供了按美学家族分类的 DESIGN.md 文件、混音食谱、技能、视频拆解以及社区反馈。该项目的核心功能包括多种设计风格的示例输出和提示包，帮助用户快速掌握并应用不同的设计技巧。它采用 MIT 许可证发布，适合需要利用AI进行创意设计的个人或团队使用，特别是那些希望在短时间内提升视觉设计能力的前端开发者与设计师。",2,"2026-06-11 02:40:31","CREATED_QUERY"]