🔓 unclaimed — this page was auto-generated from GitHub. Are you the creator?
Claim this page →
awesome-claude-design
Claude Design DESIGN.md prompts by aesthetic family, remix recipes, skills, video teardowns, X signal, honest community takes.
git clone https://github.com/rohitg00/awesome-claude-design
Awesome Claude Design
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.
Claude 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.
Heads up — typo-squat alert. A repo named
anthropic-claude-design/claude-designclaiming to "download Claude Design" is NOT affiliated with Anthropic. The real product lives at claude.ai/design behind a Pro/Max/Team/Enterprise login. No download exists. Report the typo-squat.
Preview Gallery
What 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.
![]() Linear · editorial #fff / #0f0f14 / #5e6ad2
|
![]() Ollama · terminal #000 / #fff / mono
|
![]() Claude · warm #f4f3ee / #c96442 / #191817
|
![]() ClickHouse · data-dense #181818 / #faff69 / magenta
|
![]() Runway · cinematic #000 / magenta + cyan
|
![]() Figma · playful #0acf83 / #f24e1e / #a259ff
|
![]() Arc · glass #fff / radial pastel
|
![]() The Verge · brutalist #ff6600 / #000 / #fff
|
![]() Granola · indie #faf8f2 / warm glass
|
Screenshots are public-homepage stills used for editorial reference. Trademarks remain with their respective owners. See ATTRIBUTION.md for source URLs and refresh policy.
Contents
- Preview Gallery
- What Is Claude Design
- Video Teardowns
- Comparisons
- Showcase
- Community Takes
- Feature Map
- Launch Timeline
- Quotas & Token Budget
- Official Resources
- X Signal
- DESIGN.md by Aesthetic Family
- Remix Recipes
- Picker: What Should I Use
- Prompts & Cookbooks
- Anti-Slop Kit — including Claude Design's default fingerprints
- Skills & Plugins
- Integrations
- Workflows & Recipes
- Long-Form Tutorials
- International Coverage
- Tips & Tricks
- Podcast Coverage
- FAQ
- Related OSS Projects
- Tag System
- Contributing
- License
What Is Claude Design
Anthropic 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.
Three surfaces:
- Prototypes — from text, screenshot, Figma
.fig, repo URL, or scraped live site - Design systems — persistent per-project tokens/components via
DESIGN.md; teams hold multiple - Collateral — pitch decks, marketing pages, carousels, one-time posts, brand videos
Video Teardowns
Click thumbnail. View counts refresh live via shields.io.
Comparisons
| Feature | Claude Design | Figma Make | Lovable | v0 | Stitch | SuperDesign |
|---|---|---|---|---|---|---|
| Prompt → hi-fi | Yes | Yes | Yes | Yes | Yes | Yes |
| DESIGN.md native | Yes | No | Partial | No | Originated | Yes |
| Screenshot → system | Yes | No | Partial | No | Yes | Yes |
Figma .fig import | Yes | Native | Yes | Partial | No | No |
| Web capture on live site | Native | No | Partial | No | No | Partial |
| Inline comments / knobs | Yes | Yes | No | No | No | No |
| Persistent per-project tokens | Yes | Yes | Partial | No | No | Yes |
| Org-scoped collab + group chat | Yes | Yes | No | No | No | No |
| Export paths | Canva/PDF/PPTX/HTML | Figma | Full-stack app | React | HTML | Local files |
| Multi-system per team | Yes | Yes | No | No | No | Yes |
| Open source | No | No | No | No | No | Yes (MIT) |
| Runs in your IDE | No | No | No | No | No | Yes |
| Underlying model | Opus 4.7 | GPT-based | Claude/GPT | GPT + Claude | Gemini | BYO |
| Pricing | Pro/Max/Team/Ent. | Figma Pro add-on | Freemium | Freemium | Free beta | Free |
Launch-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.
More launch-week comparisons
- TechCrunch — Anthropic launches Claude Design — mainstream-press launch framing: "quick visuals" tool, not a Figma killer
- Adweek — Claude Design for marketing assets, decks, and UIs — agency angle, marketing-first read of the surface area
- PYMNTS — Anthropic's design tool rivals Adobe and Figma — competitive positioning against the incumbent stack
- Trending Topics — Anthropic challenges Lovable and Figma — EU coverage; Lovable framed as the closer competitor than Figma
- Storyboard18 — Claude Design rattles design software giants — India-market read on the ripple to Figma/Adobe
- Web And IT News — Hits Figma where it hurts — argues the wedge is non-designers, not designers
- DEV (whoffagents) — CD vs Figma: what actually changed — practitioner side-by-side on when to reach for which
- MindStudio — Claude Design vs Figma — feature-grid comparison from the AI-tools vendor angle
- Magic Patterns — Claude Design vs Figma Make — narrow head-to-head on the prompt-to-prototype surface
- eigent.ai — Claude Design vs Lovable, full 2026 comparison — pricing + output-quality split between design tool and full-stack builder
- NxCode — Vibe design tools 2026: Stitch vs v0 vs Lovable vs Bolt — places Claude Design in the broader vibe-design landscape
- Lushbinary — Claude Design vs Figma vs Canva vs Stitch — four-way matrix including Canva, the export target
Showcase
Real 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).
See showcase/README.md. Submit your own via the Showcase Submission issue template or PR.
Community Takes
Hype
"Would suck to be Figma right now." — r/ClaudeAI launch thread
"After 29 years of being a designer, this is the only better way of working." — AI for Work
"The design system integration feels best in class for AI." — @petergyang
- Mejba Ahmed — The visual layer Claude Code was missing — engineer-positive read: closes the visual gap in the Claude Code loop
Pushback
"Just tested it. This is only hype for people that never worked with real UX/UI designers. Another slop feature that will burn tokens." — r/ClaudeAI
"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." — Malewicz
"Was Google Stitch or Microsoft Designer or Template Monster the quality of a mid-level designer? No. Is this?" — Malewicz, same video
"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." — Sam Henri Gold, Tavus designer, framing Claude Design through Arts-and-Crafts and predicting a CD↔Claude Code two-way feedback loop
"Anthropic debuts Claude Design — because who needs designers?" — The Register, launch-day headline
"If your job was the comps, your job was always going to go. The design was never the comps." — Christopher Noessel, IxDA author, after Claude Design dumped a dozen screens on him in one sitting
"The designers it replaces are not the designers you were worried about replacing." — Malewicz — Will Claude Design replace designers?, companion long-form piece to the YouTube teardown
- Abhi Chatterjee — Designer's first walkthrough — burned ~50% of weekly allotment on one design system + one prototype; trained eyes still spot spacing inconsistencies
- PCWorld — I tried Claude Design for half an hour, I'm already locked out for a week — 30-minute session exhausted the weekly allowance
The market
Figma (NYSE: FIG) closed −4.26% on launch day. Intraday low ~−7% per r/FigmaDesign. Adobe unchanged.
- Victoria Okwuokenye — Claude Design full breakdown — feature-by-feature read of where Claude Design lands against the incumbent design stack
- BSWEN — Good enough for professional websites? — output-quality bar test; argues the gap to "pro site" is narrower than the discourse claims
The fine print
"Fun but burns through usage quickly." — @petergyang
Early Opus 4.7 hallucination reports on long tasks: r/ClaudeCode thread — "$120 of API credits, by god is it bad."
- Ocasio Consulting — Claude Design review — direct ask for a flat design-seat fee; "rationing creativity goes against the spirit" of the tool
Forum Pulse
Engineer-class community takes from Hacker News — three threads, three angles.
- HN #47806725 — main launch thread — competent UI, nothing mind-blowing yet
- HN #47818700 — "Thoughts and feelings around Claude Design" — 95% of weekly usage gone in a sitting; plaything-not-tool critique
- HN #47832366 — "Figma's woes compound with Claude Design" — leaf-node output vs full design lifecycle; Figma exposure compounds
Feature Map
| Capability | Detail |
|---|---|
| Brand onboarding | Claude reads codebase + design files, builds system automatically on first run |
| Web capture | Grab live elements from your site so prototypes match production |
| File imports | DOCX, PPTX, XLSX, images, Figma .fig, repo URL, text |
| Inline comments | Comment on specific elements the way you would in Figma |
| Adjustment knobs | Live sliders for spacing, color, layout — apply across the design |
| Design-system coverage | Colors, typography, components, preview cards, working UI kit, exportable SKILL.md |
| Collaboration | Org-scoped sharing — private, view-only, edit access with group Claude chat |
| Export | Canva, PDF, PPTX, standalone HTML, shareable internal URL, saved folder |
| Code handoff | Bundle → Claude Code with one instruction (CSS vars + component stubs) |
| Frontier features | Voice, video, shaders, 3D, built-in AI outputs |
| Videos | Per @petergyang: "creates beautiful videos, more so than slides" |
Launch Timeline
| Date | Event | Source |
|---|---|---|
| 2026-04-10 | Canva announces Anthropic collaboration (Canva Foundation Design Model partnership) at Canva Create LA | Canva newsroom · Morningstar / BusinessWire |
| 2026-04-14 | The Information leaks Opus 4.7 + design tool | r/singularity +889 |
| 2026-04-14 | Mike Krieger (Anthropic CPO) steps off Figma board — pre-launch signal | Martin Alderson |
| 2026-04-17 | Claude Design + Opus 4.7 ship in research preview | anthropic.com |
| 2026-04-17 | Official launch tweet | @claudeai |
| 2026-04-17 | r/ClaudeAI launch thread hits 2,293 upvotes | |
| 2026-04-17 | Figma closes −4.26% (second thread 1,763 upvotes) | Reddit · @brewmarkets |
| 2026-04-17 | r/FigmaDesign reports ~7% intraday dip | |
| 2026-04-17 | Mainstream press wave — TechCrunch, VentureBeat, Adweek frame the launch | TechCrunch · VentureBeat · Adweek |
| 2026-04-17 | Austin Lau (Anthropic growth marketer) — first-party Tweaks-panel demo + Claude Cowork landing-page recreation | @helloitsaustin |
| 2026-04-18 | Teardown wave: Isenberg, Malewicz, 02ui, Ray Fernando, WorldofAI, Vivek Mishra, AI for Work | See Video Teardowns |
| 2026-04-18 | @petergyang 16-min build: video + slides + website + app + design system | Tweet |
| 2026-04-18 | Sam Henri Gold publishes "Stickley joinery" framing post | samhenri.gold |
| 2026-04-18 | Brilliant + Datadog case studies surface in Anthropic launch post | anthropic.com |
| 2026-04-18 | MacStories hands-on by John Voorhees — Apple-press POV; "comment-on-element covered 95% of what's needed" | macstories.net |
| 2026-04-19 | Ryan Mather publishes 7-tip thread (system-first, comments-not-chat, connectors) | @Flomerboy |
| 2026-04-19 | ADPList community surfaces "10x designer with Claude Design" framing — /packages/ui subdirectory pro-tip | adplist.substack.com |
| 2026-04-20 | Follow-on coverage — "hits Figma where it hurts" / "rattles design giants" | Web And IT News · Storyboard18 |
| 2026-04-21 | Pricing controversy — Pro tier loses Claude Code access | Pasquale Pillitteri |
| 2026-04-21 | DESIGN.md spec open-sourced by Google (Stitch / Google Labs) | blog.google |
| 2026-04-22 | Anthropic publishes Claude Design subscription usage + pricing doc | support.claude.com |
| 2026-04-22 | Post-launch coverage consolidates — Lenny mini-episode + Quasa.io tips + Anthropic pricing doc | Lenny's Newsletter · Quasa.io · support.claude.com |
Quotas & Token Budget
Quota 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.
- Separate meter from chat. Claude Design has its own usage meter, distinct from regular Claude.ai chat — per the Anthropic pricing doc.
- Per-user, not pooled. Weekly allowance is per-seat — teams cannot share a pool — per the Anthropic pricing doc.
- One-time promotional credit. Roughly 20 typical prompts, expiring 2026-07-17 — per the Anthropic pricing doc. Spend it on experiments, save weekly allowance for production.
- Vision tokens cost ~3x text. Opus 4.7 vision pricing is broadly cited; every screenshot,
.fig, or web-capture inflates the bill. - Pro can exhaust in 2–3 prompts. Multiple reports on the r/ClaudeAI launch thread of two prompts eating 95% of a weekly limit.
- 30 minutes → locked out for a week. PCWorld review burned the full allowance in one sitting.
- 50% of weekly allotment for one design system + one prototype. Designer field report from Abhi Chatterjee.
- "Rationing creativity goes against the spirit." Ocasio Consulting calls directly for a flat design-seat fee.
- Concrete USD costs on Max-5x: $3 landing / $4 video / $7 deck. CopyRocket AI tested on a real brand and burned 90% of weekly allowance in 4–5 prompts. Definitive token-budget reference.
- Image generation is "powered in part by Canva." Lalindra (Pen With Paper) surfaces that Claude Design's image generation routes through the Canva Design Engine partnership — explains some of the quota dynamics around visual exports.
Recommended sequence: recipes/token-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.
Full pricing reference: Claude Design subscription usage and pricing — support.claude.com.
Official Resources
- Launch — anthropic.com/news/claude-design-anthropic-labs
- Product — claude.ai/design
- Anthropic Labs
- Anthropic Prompt Library — Brand builder, Website wizard, Prose polisher, 40+ more
anthropics/skills—frontend-designSKILL.md — the underlying skill Claude Design routes through; auto-loaded by Claude Code for UI workanthropics/skillsPR #210 — clarity revision; 75% win rate across model tiers, biggest lift on Haikuanthropics/claude-cookbooks— frontend aesthetics notebook — Anthropic's own anti-slop primer; quoted in Anti-Slop Kit- Claude Cookbooks — prompting_for_frontend_aesthetics.ipynb
- Prompt engineering overview
- Prompt generator (Console)
X Signal
Launch-week reactions with receipts.
| Handle | Angle | Quote | Link |
|---|---|---|---|
| @claudeai | Official | "Introducing Claude Design by Anthropic Labs. Powered by Claude Opus 4.7, our most capable vision model." | Tweet |
| @petergyang | 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 |
| @brewmarkets | Markets | "Figma stock is tumbling after Anthropic introduces Claude Design." | Tweet |
Submit more: handle, verbatim quote ≤280 chars, tweet URL, engagement numbers.
DESIGN.md by Aesthetic Family
Not sorted by industry. Sorted by visual character — because that's how designers actually pick. Each family links to (1) a working DESIGN.md in /design-md/<family>/, (2) canonical external references, (3) a one-line swatch + type spec so you can eyeball fit before cloning.
Shipped samples in this repo: warm/claude.md · warm/mercury.md · terminal/ollama.md · terminal/warp.md · terminal/opencode.md · editorial/linear.md · editorial/vercel.md · data-dense/clickhouse.md · data-dense/posthog.md · data-dense/datadog.md · data-dense/mongodb.md · cinematic/runway.md · cinematic/tavus.md · cinematic/cohere.md · cinematic/nvidia.md · cinematic/minimax.md · cinematic/bmw.md · cinematic/ferrari.md · cinematic/lamborghini.md · cinematic/renault.md · playful/figma.md · playful/canva.md · playful/toss.md · glass/arc.md · glass/apple.md · brutalist/the-verge.md · indie/granola.md · remix/linear-x-claude.md · remix/warp-x-sentry.md · remix/stripe-x-a24.md · remix/vercel-x-pitchfork.md · remix/granola-x-criterion.md · remix/ollama-x-elevenlabs.md · remix/notion-x-duolingo.md · remix/mercury-x-linear.md
1. Editorial Minimalism
Calm neutrals, serif or narrow-grotesque headlines, generous line-height, single accent. Built for reading, pricing pages, docs.
| Brand | Swatch | Type | External reference |
|---|---|---|---|
| Linear | #fff / #0f0f14 / #5e6ad2 | Inter / Söhne | linear.app |
| Stripe | #fff / #0a2540 / #635bff | Sohne / Camphor | stripe.com |
| Vercel | #fff / #000 / single grayscale ramp | Geist | vercel.com |
| Mintlify | #fff / #0c0c0e / green accent | Inter reading-optimized | mintlify.com |
2. Terminal-Core
Monospace everywhere, phosphor-green or amber on near-black, hard edges, CLI metaphors.
| Brand | Swatch | Type | External reference |
|---|---|---|---|
| Ollama | #000 / #fff / no accent | Mono | ollama.com |
| Warp | #0b0d14 / #16d5e6 / #ff7a59 | Roobert + JetBrains Mono | warp.dev |
| Raycast | #1d1d1f / #ff6363 / white | Custom sans + mono | raycast.com |
| OpenCode | #080808 / #d2d2d2 / green | IBM Plex Mono | opencode.ai |
3. Warm Editorial
Terracotta, cream, clay. Serif body, approachable, human. Claude's own brand sits here.
| Brand | Swatch | Type | External reference |
|---|---|---|---|
| Claude / Anthropic | #f4f3ee / #c96442 / #191817 | Styrene / Tiempos | anthropic.com |
| Notion | #fff / #37352f / warm grays | Segoe + Lyon serif | notion.so |
| Resend | #0a0a0a / #fff / mono accents | Söhne + GT America Mono | resend.com |
| Substack | #fff / #1a1a1a / #ff6719 | Spectral + SF Pro | substack.com |
4. Data-Dense Pro
Charts are the hero. Tight spacing, saturated categorical palette, fixed-width numerals, dark-first dashboards.
| Brand | Swatch | Type | External reference |
|---|---|---|---|
| ClickHouse | #181818 / #faff69 / magenta | Inter tabular | clickhouse.com |
| PostHog | #1d4aff / #f9bd2b / #000 | Matter + Mono | posthog.com |
| Grafana | #111217 / #f47c1b / multi-series | Inter | grafana.com |
| Sentry | #362d59 / #f6827d / #584774 | Rubik | sentry.io |
| Supabase | #171717 / #3ecf8e | Custom + mono | supabase.com |
| MongoDB | #001e2b / #00ed64 / #00684a | Euclid Circular A + Source Code Pro | mongodb.com |
5. Cinematic Dark
Film-grade gradients, oversized type, motion-forward, media-heavy hero. Built for AI products and creator tools.
| Brand | Swatch | Type | External reference |
|---|---|---|---|
| RunwayML | #000 / saturated magenta + cyan | Custom grotesque | runwayml.com |
| ElevenLabs | #0a0a0a / electric blue / wave motifs | Inter | elevenlabs.io |
| Minimax | #000 / neon lime on charcoal | Custom + mono | minimax.ai |
| Midjourney | #000 / earth tones + lilac | Editorial serif | midjourney.com |
| NVIDIA | #000 / #76b900 signature green / #ffffff | NVIDIA Sans / Helvetica Neue | nvidia.com |
| BMW | #fff / #1c69d4 corporate blue / M-gradient | BMW Type Next Web + Helvetica Neue | bmw.com |
| Ferrari | #000 / #fff / #eb2323 Rosso Corsa | FerrariSans | ferrari.com |
| Lamborghini | #000 / #ffc000 warm gold / hex motif | LamboType + Roboto | lamborghini.com |
| Renault | #fff / aurora yellow→magenta→cyan / #efdf00 + #e91630 | NouvelR | renault.fr |
6. Playful Color
High-saturation, illustrated accents, rounded corners, decorative shapes. Consumer-friendly.
| Brand | Swatch | Type | External reference |
|---|---|---|---|
| Figma | #0acf83 / #f24e1e / #a259ff / #ff7262 / #1abcfe | Inter + Whyte | figma.com |
| Clay | #f6e9c9 / organic shapes / soft gradients | Söhne | clay.com |
| Duolingo | #58cc02 / #fff / #ff4b4b | DIN Rounded | duolingo.com |
| Mailchimp | #ffe01b / #000 | Cooper Hewitt + GT America | mailchimp.com |
| Cal.com | #292929 / #fff / single accent | Inter | cal.com |
| Toss | #fff / #3182f6 Toss Blue / #191f28 | Toss Product Sans + Noto Sans KR | toss.im |
7. Glass / Soft-Futurism
Frosted blur, layered translucency, soft gradients, Apple-adjacent. Premium consumer feel.
| Brand | Swatch | Type | External reference |
|---|---|---|---|
| Apple | #fff / #1d1d1f / system colors | SF Pro | apple.com |
| Arc Browser | #fff / radial pastel gradients | Custom | arc.net |
| Airbnb | #fff / #ff385c / #222 | Cereal | airbnb.com |
| Granola | #faf8f2 / warm glass | Editorial serif | granola.ai |
| Spotify | #000 / #1db954 | Circular | spotify.com |
8. Neon Brutalist
Hard edges, deliberate-ugly type mixing, oversized numerals, saturated single hue. Statement pieces.
| Brand | Swatch | Type | External reference |
|---|---|---|---|
| Bugatti | #0d1321 / electric blue / chrome | Custom + GT America | bugatti.com |
| PlayStation | #000 / full-spectrum prism | SST | playstation.com |
| The Verge | #ff6600 / #000 / #fff | Polysans + editorial serif | theverge.com |
| Pitchfork | #fff / #000 / #ff5d1f | Editorial serif | pitchfork.com |
9. Cult / Indie Picks (non-Fortune-500)
Brands VoltAgent's catalog does NOT cover — indie SaaS, cult tools, magazines, museums, game studios. Maintainer bias: these are the ones worth cloning.
| Brand | Why | External reference |
|---|---|---|
| Thesephist / Ink & Switch | Research-publication aesthetic | thesephist.com |
| Paradigm | Crypto-firm minimal serif | paradigm.xyz |
| Criterion Collection | Film archive editorial | criterion.com |
| A24 | Cinema brand-as-artifact | a24films.com |
| Letterboxd | Dark cinephile social | letterboxd.com |
| ProPublica | Investigative journalism density | propublica.org |
| Dimension.dev | Dev-tool soft-gradient | dimension.dev |
| Granola | AI notetaker warmth | granola.ai |
| Superhuman | Premium email minimalism | superhuman.com |
| Obsidian | Personal-knowledge dark | obsidian.md |
External catalogs
The 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.
DESIGN.md ecosystem
- VoltAgent/awesome-claude-design — 68 brand DESIGN.md files, industry-sorted (the canonical industry catalog)
- VoltAgent/awesome-design-md — 59+ brands in Stitch-format, every entry ships preview.html (tool-agnostic twin)
- philquist/awesome-claude-design-examples — community mirror/fork of the VoltAgent collection, useful as a discovery surface
- getdesign.md — browseable web UI for 60+ DESIGN.md files (Cursor, Vercel, Warp, Claude, Mistral, xAI, Tesla, Renault, Revolut, Wise, Linear, PostHog)
- google-labs-code/design.md — official DESIGN.md spec from Google Labs Code, Apache 2.0; see
docs/spec.md
Topic hubs
- github.com/topics/design-md — auto-rolling repo feed for the format itself
- github.com/topics/claude-design — Claude Design–tagged repos (skills, examples, tooling)
Awesome-Claude meta-lists
- rohitg00/awesome-claude-code-toolkit — sibling meta-toolkit: 135 agents, 35 skills, 42 commands, 176 plugins
- hesreallyhim/awesome-claude-code — the original awesome-claude-code list; hosts Patrick Ellis's Design Review Workflow entry
- jqueryscript/awesome-claude-code — surfaces claude-design-engineer (1.1k stars) and excalidraw-diagram-skill (1.2k stars)
- sickn33/antigravity-awesome-skills — 1,431+ skills incl. Leonxlnx/taste-skill (Stitch design systems, brutalist/minimalist modes)
- ComposioHQ/awesome-claude-skills — claude.ai + Code + API portability emphasis; ships canvas-design SKILL.md
- BehiSecc/awesome-claude-skills — security-flavoured skill list with design-engineering crossover
- travisvn/awesome-claude-skills — curated skills with subagent guidance and authoring conventions
- heilcheng/awesome-agent-skills — multi-agent (Claude/Cursor/Codex/Gemini) skills with explicit awesome-design-md cross-link
- quemsah/awesome-claude-plugins — design-engineering plugins with craft / memory / enforcement framing
- awesomeclaude.ai — web directory across awesome-claude-* repos with an awesome-claude-agents subsection
Tooling & extractors
- yuvrajangadsingh/brandmd —
npx brandmd https://linear.appproduces DESIGN.md / CSS custom properties / Tailwind v4 / dark-mode overrides; no LLM calls; ships as an Agent Skill across 30+ platforms - bitjaru/styleseed — 69 design rules + 48 shadcn components + Toss/Stripe/Linear/Vercel/Notion brand skins; teaches LLMs how designers think rather than just what brands look like
- Muluk-m/design-distill — Stitch-compatible DESIGN.md generator with pre-bundled github / linear / notion / stripe / vercel snapshots; works with Codex, Claude Code, and any AI client
- bergside/design-md-chrome — Chrome / Firefox / Edge extension that extracts DESIGN.md + SKILL.md from any site in TypeUI format (Chrome Web Store listing); designer-friendly path with no terminal required
Background reading
- OSS Insight — DESIGN.md Protocol 2026 — historical timeline of awesome-design-md going viral; useful framing for how the format spread
// compatibility
| Platforms | cli, api, web, mobile |
|---|---|
| Operating systems | — |
| AI compatibility | claude |
| License | MIT |
| Pricing | open-source |
| Language | — |
// faq
What is awesome-claude-design?
Claude Design DESIGN.md prompts by aesthetic family, remix recipes, skills, video teardowns, X signal, honest community takes.. It is open-source on GitHub.
Is awesome-claude-design free to use?
awesome-claude-design is open-source under the MIT license, so it is free to use.
What category does awesome-claude-design belong to?
awesome-claude-design is listed under skills in the Claudeers registry of Claude-compatible tools.
// embed badge
[](https://claudeers.com/awesome-claude-design)
// retro hit counter
[](https://claudeers.com/awesome-claude-design)
// reviews
// guestbook
// related in Claude Skills
An agentic skills framework & software development methodology that works.
💫 Toolkit to help you get started with Spec-Driven Development
AI coding assistant skill (Claude Code, Codex, OpenCode, Cursor, Gemini CLI, and more). Turn any folder of code, SQL schemas, R scripts, shell scripts, docs,…
















