awesome-claude-design
rohitg00 · rohitg00/awesome-claude-design
This awesome list collects DESIGN.md prompts, remix recipes, and skills for Claude Design, showcasing aesthetic families and providing resources for AI-driven UI design.
Claude Design DESIGN.md prompts by aesthetic family, remix recipes, skills, video teardowns, X signal, honest community takes.
Preview
What you can do with it
- Explore different UI aesthetic families by reviewing example DESIGN.md files for Claude.
- Learn to write effective DESIGN.md prompts to guide Claude in generating specific UI styles.
- Remix existing design recipes or integrate curated skills to enhance your Claude Design workflow.
Safety check
No risky patterns found in the files we scanned.
Automated scan of the repo files. Always review code you run.
From the 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.
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
| 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](https://www.adweek.com/media/anthropic-debuts-claude-desi