awesome-claude-design
rohitg00 · rohitg00/awesome-claude-design
Danh sách tuyệt vời này thu thập các lời nhắc DESIGN.md, công thức phối lại và kỹ năng cho Claude Design, giới thiệu các họ thẩm mỹ và cung cấp tài nguyên cho thiết kế UI do AI điều khiển.
Claude Design DESIGN.md prompts theo nhóm thẩm mỹ, công thức remix, skills, video teardown, tín hiệu X, và ý kiến cộng đồng chân thực.
Xem trước
Bạn có thể làm gì với nó
- Khám phá các họ thẩm mỹ UI khác nhau bằng cách xem xét các tệp DESIGN.md mẫu cho Claude.
- Học cách viết các lời nhắc DESIGN.md hiệu quả để hướng dẫn Claude tạo ra các kiểu UI cụ thể.
- Phối lại các công thức thiết kế hiện có hoặc tích hợp các kỹ năng được tuyển chọn để nâng cao quy trình làm việc Claude Design của bạn.
Kiểm tra an toàn
Không thấy dấu hiệu rủi ro trong các file đã quét.
Quét tự động các file trong repo. Luôn xem lại code trước khi chạy.
Trích từ 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