用途:为 Claude Design 提供现成的 DESIGN.md 起点,避免从空白设计简报开始,快速搭建整套设计系统。
主要能力:合集从真实品牌(Claude、Vercel、Stripe、Linear 等)提取 68 份 DESIGN.md,每份描述品牌视觉系统。上传后 Claude Design 会生成设计令牌(颜色、字体、间距的 CSS 变量)、组件库(按钮、卡片、导航、表单)、预览卡片、可用 UI kit(index.html + CSS)以及可复用模式的 SKILL.md。
使用方式:先克隆仓库浏览并选取设计系统: git clone https://github.com/VoltAgent/awesome-claude-design.git cd awesome-claude-design 也可在预览页下载,例如: curl -O https://getdesign.md/vercel/DESIGN.md 随后进入 https://claude.ai/design/#org 选择从设计系统开始并上传 DESIGN.md,或新建原型后在对话中附加该文件并发送“从这份 DESIGN.md 创建设计系统”。
适用场景:定制或混搭现成设计系统、提取设计令牌用于代码库、按既定系统生成新页面。
限制:DESIGN.md 捕捉的是设计原则而非逐像素复刻;文件名须精确为 DESIGN.md(区分大小写);专有字体以 Google Fonts 替代;颜色建议用十六进制以提升解析可靠性。收费与价格信息暂未提供。