一句话：有人把 Stripe、Linear、Apple、Tesla 等 70+ 顶级品牌的设计系统扒成 DESIGN.md，丢进项目，AI 生成的界面直接品牌级。
GitHub：VoltAgent/awesome-design-md ｜ ⭐ 约 12 万 ｜ Fork 1.3 万 ｜ MIT 协议
先说这事为什么炸
上周一条推文刷屏：”前端工作被砍了”——有人抓取了 Stripe、Linear、Figma、Ferrari 等顶级品牌的整套设计系统，汇编成 DESIGN.md，已经拿下 12 万 Star（发推时 5.4 万，涨得比推文快）。
用法贱到离谱：项目根目录丢一个 MD 文件，跟 AI 说一句”用这种风格构建”，出来的就是品牌级 UI。色彩、字体、组件、间距、设计语言，连提示词指南都给你写好。
DESIGN.md 到底是什么
谷歌 Stitch 带出来的新概念，和 AGENTS.md 是亲兄弟：
| 文件 | 谁读 | 管什么 |
|---|---|---|
| AGENTS.md | 编程 Agent | 项目怎么构建 |
| DESIGN.md | 设计 Agent | 界面长什么样、什么感觉 |
纯文本，无 Figma 导出、无 JSON schema、无需配置——Markdown 是 LLM 读得最顺的格式，丢进去即生效。
每个 DESIGN.md 按 Stitch 规范写满 9 节：视觉氛围、色板（含色值+语义）、字体层级、组件状态、布局间距、阴影层级、Do/Don’t 红线、响应式策略，外加一份 Agent 提示词速查。每个站点还附 preview.html（浅色色卡目录）+ preview-dark.html，先看后用。
合集里都有谁（72 个，挑着说）
- AI 圈：Claude（陶土 accent+编辑风）、Cursor、Vercel（黑白极致+Geist）、xAI（黑白未来感）；
- 开发者工具：Linear（极简+紫）、Raycast、Superhuman、Warp；
- 金融：Stripe（紫渐变+300 字重优雅）、Revolut、Wise；
- 消费：Apple（留白+SF Pro）、Nike（黑白大字+全幅摄影）、Spotify（绿+黑）；
- 车厂：Ferrari（黑白+一抹红，最克制）、Tesla（极致删减+全屏摄影）、宝马、兰博基尼；
- 彩蛋：Retro Web 系列——1996 年的 Dell、2001 年的任天堂，复古 UI 一键穿越。
完整名单 70+，还有 getdesign.md 站点可视化浏览，缺谁可以去提需求（开放征集，支持私单）。
怎么用（三步）
- 去仓库（或 getdesign.md）挑一个顺眼的品牌，复制它的
DESIGN.md； - 丢进你的项目根目录；
- 跟 AI 说：”按 DESIGN.md 的风格构建这个页面”。
完事。改色、换品牌，换个文件重来一遍就行。
诚实边界
- 色值是扒的公开 CSS，近似还原不是 1:1，法务层面仓库也声明了不拥有任何品牌视觉；
- DESIGN.md 给的是一致性，不是审美——AI 不会替你决定”这个页面该传达什么”，品味还得你自己拿；
- 72 个文件质量不完全齐，有问题仓库欢迎 PR 修色值（先开 issue 讨论）。
结语
AGENTS.md 管”怎么做”，DESIGN.md 管”长啥样”——AI 编程的拼图又补上一块。12 万 Star 说明：大家苦”AI 生成的界面长一个样”久矣。
仓库：github.com/VoltAgent/awesome-design-md（MIT）。先从 Linear 或 Vercel 的那份下手，今晚就能让你的 demo 脱胎换骨。
