Sandbox
@rohitg00/awesome-claude-design

Claude Design prompts, recipes, and reference files

This repo collects Claude Design examples and commentary around Anthropic’s design workspace. It groups `DESIGN.md` files by aesthetic family, adds remix recipes and prompt packs, and points to showcase builds, video teardowns, and community takes. You use it as a library of patterns and starting points for design work with Claude.

1,067 stars142 forksUpdated 4mo ago
Claude Design is NOT what you think
Malewicz80k views • 5 months ago

Videos about this repo

Who it's for

Builders who want Claude Design prompts, DESIGN.md examples, and workflow notes they can copy into their own projects.

What it delivers

You can reuse proven design prompts and reference patterns instead of starting each visual task from scratch.

What it does

Aesthetic family library

Groups DESIGN.md examples into families like editorial, terminal, warm, data-dense, cinematic, playful, glass, brutalist, and indie.

Prompt packs

Includes reusable prompts such as `brand-to-design-md.md`, `audit-live-site.md`, and `remix-two-brands.md`.

Workflow recipes

Provides step-by-step recipes for tasks like turning a repo into a design system, converting Figma into DESIGN.md, and making landing pages fast.

Showcase and teardowns

Links case studies, launch-week examples, and video breakdowns of Claude Design in use.

Community and comparisons

Collects community reactions, launch signals, and side-by-side comparisons with tools like Figma Make, Lovable, v0, and Stitch.

How to get it

  1. 1Leonxlnx/taste-skill — premium UI gen, redesign audits, GSAP motion,…
    npx skills add Leonxlnx/taste-skill
  2. 2Dammyjay93/interface-design — persistent design-system memory + /interface-design:audit…
    git clone https://github.com/Dammyjay93/interface-design ~/.claude/plugins/interface-design
  3. 3coleam00/excalidraw-diagram-skill — diagrams that argue visually; render-validate loop
    git clone https://github.com/coleam00/excalidraw-diagram-skill .claude/skills/excalidraw-diagram
  4. 4OneRedOak/claude-code-workflows — Patrick Ellis design-review subagents + /design-review…
    git clone https://github.com/OneRedOak/claude-code-workflows
    cp -r claude-code-workflows/design-review/.claude/* .claude/
  5. 5ComposioHQ/awesome-claude-skills — canvas-design — design philosophy → poster/PDF…
    npx skillkit install composio/canvas-design
  6. 6Owl-Listener/designer-skills — Marie-Claire Dean's 63 skills + 27 commands + 8 plugins,…
    /plugin marketplace add Owl-Listener/designer-skills

README

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.

Awesome Claude Design — DESIGN.md prompts, skills, cookbooks, teardowns, remix recipes

Dancing palette-knight mascot

Awesome Stars Forks Last commit Launched Opus 4.7 License

editorial minimalism terminal-core warm editorial data-dense pro cinematic dark playful color glass / soft-futurism neon brutalist cult · indie picks

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-design claiming 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 minimalism
Linear · editorial
#fff / #0f0f14 / #5e6ad2
Ollama — terminal-core
Ollama · terminal
#000 / #fff / mono
Anthropic / Claude — warm editorial
Claude · warm
#f4f3ee / #c96442 / #191817
ClickHouse — data-dense pro
ClickHouse · data-dense
#181818 / #faff69 / magenta
RunwayML — cinematic dark
Runway · cinematic
#000 / magenta + cyan
Figma — playful color
Figma · playful
#0acf83 / #f24e1e / #a259ff
Arc Browser — glass / soft-futurism
Arc · glass
#fff / radial pastel
The Verge — neon brutalist
The Verge · brutalist
#ff6600 / #000 / #fff
Granola — cult / indie
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


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.


Malewicz

Skeptical senior-designer teardown

02ui · Murat Bayral

vs Lovable head-to-head

WorldofAI

Hype walkthrough

Ray Fernando

Live blog redesign

Vivek Mishra

Launch-day walkthrough

AI for Work

System from prompt

Greg Isenberg

Hands-on edges

Ramanpal Singh

Beginner tutorial

Comparisons

FeatureClaude DesignFigma MakeLovablev0StitchSuperDesign
Prompt → hi-fiYesYesYesYesYesYes
DESIGN.md nativeYesNoPartialNoOriginatedYes
Screenshot → systemYesNoPartialNoYesYes
Figma .fig importYesNativeYesPartialNoNo
Web capture on live siteNativeNoPartialNoNoPartial
Inline comments / knobsYesYesNoNoNoNo
Persistent per-project tokensYesYesPartialNoNoYes
Org-scoped collab + group chatYesYesNoNoNoNo
Export pathsCanva/PDF/PPTX/HTMLFigmaFull-stack appReactHTMLLocal files
Multi-system per teamYesYesNoNoNoYes
Open sourceNoNoNoNoNoYes (MIT)
Runs in your IDENoNoNoNoNoYes
Underlying modelOpus 4.7GPT-basedClaude/GPTGPT + ClaudeGeminiBYO
PricingPro/Max/Team/Ent.Figma Pro add-onFreemiumFreemiumFree betaFree

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

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

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

The market

Figma (NYSE: FIG) closed −4.26% on launch day. Intraday low ~−7% per r/FigmaDesign. Adobe unchanged.

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

Forum Pulse

Engineer-class community takes from Hacker News — three threads, three angles.

Feature Map

CapabilityDetail
Brand onboardingClaude reads codebase + design files, builds system automatically on first run
Web captureGrab live elements from your site so prototypes match production
File importsDOCX, PPTX, XLSX, images, Figma .fig, repo URL, text
Inline commentsComment on specific elements the way you would in Figma
Adjustment knobsLive sliders for spacing, color, layout — apply across the design
Design-system coverageColors, typography, components, preview cards, working UI kit, exportable SKILL.md
CollaborationOrg-scoped sharing — private, view-only, edit access with group Claude chat
ExportCanva, PDF, PPTX, standalone HTML, shareable internal URL, saved folder
Code handoffBundle → Claude Code with one instruction (CSS vars + component stubs)
Frontier featuresVoice, video, shaders, 3D, built-in AI outputs
VideosPer @petergyang: "creates beautiful videos, more so than slides"

Launch Timeline

DateEventSource
2026-04-10Canva announces Anthropic collaboration (Canva Foundation Design Model partnership) at Canva Create LACanva newsroom · Morningstar / BusinessWire
2026-04-14The Information leaks Opus 4.7 + design toolr/singularity +889
2026-04-14Mike Krieger (Anthropic CPO) steps off Figma board — pre-launch signalMartin Alderson
2026-04-17Claude Design + Opus 4.7 ship in research previewanthropic.com
2026-04-17Official launch tweet@claudeai
2026-04-17r/ClaudeAI launch thread hits 2,293 upvotesReddit
2026-04-17Figma closes −4.26% (second thread 1,763 upvotes)Reddit · @brewmarkets
2026-04-17r/FigmaDesign reports ~7% intraday dipReddit
2026-04-17Mainstream press wave — TechCrunch, VentureBeat, Adweek frame the launchTechCrunch · VentureBeat · Adweek
2026-04-17Austin Lau (Anthropic growth marketer) — first-party Tweaks-panel demo + Claude Cowork landing-page recreation[@hello

Files in the repo

Repository payload10 top-level entries
  • .github
  • assets
  • design-md
  • prompts
  • recipes
  • showcase
  • .gitignore
  • CONTRIBUTING.md
  • LICENSE
  • README.md

Discussion (0)

Ask about usage, or say what you built with it

Sign in to join the discussion.

No comments yet. Be the first to say what this is good for.

More collections

The awesome collection of OpenClaw skills. 5,400+ skills filtered and categorized from the official OpenClaw Skills Registry.🦞

52k
phuryn/
pm-skills
phuryn/pm-skillsCollections

PM Skills Marketplace: 100+ agentic skills, commands, and plugins — from discovery to strategy, execution, launch, and growth.

26k

Extracted system prompts from Anthropic - Claude Fable 5.1, Opus 5, Claude Design, Claude Code. OpenAI - ChatGPT GPT-6-Astra, Codex. Google - Gemini 3.8 Flash, 3.1 Pro, Antigravity. xAI - Grok, Grok Bot, Cursor, Kimi and more! Updated regularly.

65k
1 add

A curated collection of 1000+ agent skills from official dev teams and the community, compatible with Claude Code, Codex, Gemini CLI, Cursor, and more.

34k