The awesome collection of OpenClaw skills. 5,400+ skills filtered and categorized from the official OpenClaw Skills Registry.🦞
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.
Videos about this repo
Builders who want Claude Design prompts, DESIGN.md examples, and workflow notes they can copy into their own projects.
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
- 1Leonxlnx/taste-skill — premium UI gen, redesign audits, GSAP motion,…
npx skills add Leonxlnx/taste-skill
- 2Dammyjay93/interface-design — persistent design-system memory + /interface-design:audit…
git clone https://github.com/Dammyjay93/interface-design ~/.claude/plugins/interface-design
- 3coleam00/excalidraw-diagram-skill — diagrams that argue visually; render-validate loop
git clone https://github.com/coleam00/excalidraw-diagram-skill .claude/skills/excalidraw-diagram
- 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/
- 5ComposioHQ/awesome-claude-skills — canvas-design — design philosophy → poster/PDF…
npx skillkit install composio/canvas-design
- 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.
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 | [@hello |
Files in the repo
- .github
- assets
- design-md
- prompts
- recipes
- showcase
- .gitignore
- CONTRIBUTING.md
- LICENSE
- README.md
Discussion (0)
Ask about usage, or say what you built with itSign in to join the discussion.
No comments yet. Be the first to say what this is good for.
More collections
A curated list of awesome Claude Skills, resources, and tools for customizing Claude AI workflows
PM Skills Marketplace: 100+ agentic skills, commands, and plugins — from discovery to strategy, execution, launch, and growth.
Model Context Protocol Servers
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.
A curated collection of 1000+ agent skills from official dev teams and the community, compatible with Claude Code, Codex, Gemini CLI, Cursor, and more.
















