Awesome DESIGN.md 是 VoltAgent 维护的 DESIGN.md 设计系统合集，从真实网站（Stripe、Vercel、Linear 等）提取可复用的设计语言文档，丢给 AI 编码 Agent 即可生成视觉一致的高质量 UI。适合前端与设计师快速克隆或统一产品界面风格。
Awesome DESIGN.md 是 VoltAgent 维护的一个 DESIGN.md 设计系统合集。DESIGN.md 是 Google Stitch 提出的新概念：一份纯文本的设计系统文档，AI 编码 Agent（或 Google Stitch）读它就能知道你的界面“应该长什么样”。这个仓库从 Stripe、Vercel、Linear 等真实网站里提取出 70+ 份现成 DESIGN.md，你只要把其中一份拷进项目根目录，对 Agent 说“照这个风格做个页面”，就能生成视觉一致的高质量 UI——不用 Figma 导出、不用 JSON schema、不用额外工具。对需要快速统一或克隆某类产品观感的前端和设计师，它把“说不清的好看”变成了“可复用的文本资产”。
它就是一份 markdown 文件，定义项目的视觉语言与质感；对应地，AGENTS.md 告诉 Agent“怎么建”，DESIGN.md 告诉设计类 Agent“做成什么感觉”。它用 LLM 读得最顺的 markdown 格式，所以无需解析或配置，放进项目根目录任何 AI 编码 Agent 或 Stitch 都能立刻理解。本质是把设计系统从“设计工具私有格式”解放成“模型原生可读的文本”。
普通方案要导出、要配置、要和具体工具绑定；DESIGN.md 零工具依赖，且仓库提供的不是“截图”，而是“分析过的模式、token 与规则”——也就是说它抽取了真实的间距节奏、色彩层级、字体阶梯与组件气质，让生成的 UI 有真实设计纵深，而不是表面模仿。你拿到的是“同源但内容是你自己”的界面。
挑一个和你目标风格接近的站点 DESIGN.md（如要金融质感选 Stripe、要极简选 Vercel），复制到项目根，然后在会话里让 Agent 基于此构建页面或组件。多个参考冲突时，它以“主导模式 + 变体标注”的方式呈现，并支持持续叠加自己的品牌规则。整个过程不需要离开代码环境。
最划算的是“看到喜欢的站想做成自己风格”的前端、需要在多页面/多产品间统一观感的设计师，以及被“感觉不对但说不出哪不对”困扰的团队。它不替你做创意判断，而是把风格沉淀成可传递、可复用的资产，让 AI 生成的界面真正“长在一条设计语言上”。
它就是一份 markdown 文件，定义项目的视觉语言与质感；对应地，AGENTS.md 告诉 Agent“怎么建”，DESIGN.md 告诉设计类 Agent“做成什么感觉”。它用 LLM 读得最顺的 markdown 格式，所以无需解析或配置，放进项目根目录任何 AI 编码 Agent 或 Stitch 都能立刻理解。本质是把设计系统从“设计工具私有格式”解放成“模型原生可读的文本”。
普通方案要导出、要配置、要和具体工具绑定；DESIGN.md 零工具依赖，且仓库提供的不是“截图”，而是“分析过的模式、token 与规则”——也就是说它抽取了真实的间距节奏、色彩层级、字体阶梯与组件气质，让生成的 UI 有真实设计纵深，而不是表面模仿。你拿到的是“同源但内容是你自己”的界面。
挑一个和你目标风格接近的站点 DESIGN.md（如要金融质感选 Stripe、要极简选 Vercel），复制到项目根，然后在会话里让 Agent 基于此构建页面或组件。多个参考冲突时，它以“主导模式 + 变体标注”的方式呈现，并支持持续叠加自己的品牌规则。整个过程不需要离开代码环境。
最划算的是“看到喜欢的站想做成自己风格”的前端、需要在多页面/多产品间统一观感的设计师，以及被“感觉不对但说不出哪不对”困扰的团队。它不替你做创意判断，而是把风格沉淀成可传递、可复用的资产，让 AI 生成的界面真正“长在一条设计语言上”。