Awesome Claude Design

Awesome Claude Design 是 Anthropic Labs Claude Design 的社区目录，不是产品本身。仓库 rohitg00/awesome-claude-design 为 MIT，创建于 2026-04-19。2026-09-15 GitHub 显示 1,079 stars、144 forks，最近推送 2026-09-14。X 推荐流当天有 @dotey 说 Claude Design 搭配使用效果最好。真正的工作区是 claude.ai/design，需要 Pro / Max / Team / Enterprise。没有官方安装包。

若要 Anthropic 官方前端 SKILL.md，看 Frontend Design。若要弹簧动效，看 Apple Design。若要更宽的 UI 包，看 UI Skills。

核心功能

• 九个审美家族：editorial、terminal-core、warm editorial、data-dense、cinematic dark、playful color、glass、neon brutalist、cult/indie。每个家族在 design-md/<family>/ 有可工作的 DESIGN.md。
• 已收录样例：Linear、Ollama、Claude、ClickHouse、Runway、Figma、Arc、The Verge、Granola，以及 linear-x-claude.md 一类混搭。
• 配方：20 分钟落地页、Figma .fig 转 DESIGN.md、仓库转设计系统、Claude Design token 预算、不重生成的 Tweaks 面板。
• 额度说明（转写自官方文档）：Claude Design 有独立计量，按座位、不共享池。视觉 token 比文本贵。Pro 可能几条提示就烧完一周。
• 防假仓库：README 标明 anthropic-claude-design/claude-design 与 Anthropic 无关。

局限：1,079 stars 是热度，不是 Anthropic 审计。截图是公开首页静帧。上线周股价和额度故事停在 2026 年 4 月。Claude Design 仍烧 Opus 4.7 视觉 token。这个仓库替代不了 Figma 文件。

适用场景

• Claude Design 会话 需要在第一条提示前选定 DESIGN.md 家族。
• 导出 CSS 变量后交给 Claude Code。
• 只要官方技能 的人应改用 Frontend Design，而不是提示词目录。

定价方案

快速开始

1. 克隆 rohitg00/awesome-claude-design。
2. 在 design-md/ 选一个家族，把 DESIGN.md 贴进 Claude Design。
3. 按 recipes/token-budget-claude-design.md：先搭骨架，限制参考屏，用评论迭代。
4. 在 claude.ai/design 打开正品。

第一方产品：anthropic.com/news/claude-design-anthropic-labs。目录：README。

常见问题

这就是 Claude Design 吗？

不是。这是 Rohit Ghumare 的 MIT DESIGN.md 与配方清单。Claude Design 是 Anthropic Labs。

没有付费 Claude 席能用吗？

Markdown 可以读。跑 Claude Design 需要带 Labs 表面的付费方案。

两条提示会不会吃掉一周额度？

社区反馈 Pro 上如果每次微调都走聊天，会。用行内评论和 token 预算配方。

替代方案

• Frontend Design：Anthropic 官方前端技能。
• Apple Design：面向 Web 的 WWDC 动效规则。
• UI Skills：更宽的 UI/UX 包。

使用技巧

1. 从家族 DESIGN.md 开始。不要让 Claude Design 从空白聊天发明系统。
2. 少丢截图。视觉 token 是额度杀手。
3. 忽略任何声称「下载 Claude Design」的 GitHub 仓库。