AGENTS.md 这玩意儿现在大家都熟了——告诉 AI 怎么构建项目 但你让 AI 给你写个落地页 / 仪表盘 / 后台，它的视觉总是和你的产品风格对不上——按钮颜色不对、字体不对、间距不对、动效不对 Google Stitch 推了一个新概念叫 DESIGN.md——和 AGENTS.md 是兄弟文件：

一个纯文本设计系统文档，AI Agent 读完就能产出风格一致的 UI——不用 Figma 导出、不用 JSON schema、不用任何特殊工具 VoltAgent 团队搞了个 awesome 集合 github.com/VoltAgent/awesome-design-md 把市面上 73 个主流网站的 DESIGN.md 都扒下来了，可以直接 copy 到自己项目里用

思路有多简单

按 README 的话：

❝ Copy a DESIGN.md into your project, tell your AI agent "build me a page that looks like this" and get pixel-perfect UI that actually matches.

把 DESIGN.md 丢项目根目录，跟 AI 说"照这个风格做"，就完事 为什么 Markdown？因为 LLM 读 Markdown 最顺，没东西需要 parse 或配置

仓库已经收集了什么

仓库按品类组织，老章扫一眼最实用的几个分类：

AI & LLM 平台（直接拿来抄的目标）

• Claude —— Anthropic 风格，温暖的赤陶色调，干净的编辑式版面
• Cohere —— 企业 AI 平台，活泼渐变，数据密集仪表盘
• ElevenLabs —— AI 语音，暗色电影感 UI，音频波形美学
• Mistral AI —— 法国式极简，紫色调
• Ollama —— 终端优先，单色简洁
• OpenCode AI —— 开发者向暗色主题
• Replicate —— 白色画布，代码优先
• Runway —— AI 创意工具，电影节式美学
• Together AI —— …

Claude 官网首屏 Cohere 官网首屏 ElevenLabs 官网首屏 Mistral AI 官网首屏 Ollama 官网首屏 OpenCode AI 官网首屏 Replicate 官网首屏 Runway 官网首屏 Together AI 官网首屏 集合里 73 个网站基本覆盖了 AI / 工具 / 编辑器 / 设计 / 内容 / SaaS / 个人站等大类，需要哪种感觉直接挑 每个站点的 DESIGN.md 都在 getdesign.md 这个站点上，点开就能看

DESIGN.md 里写什么

按 Google Stitch 官方定义(stitch.withgoogle.com/docs/design-md/overview/) 大致包括： Google Stitch 对 DESIGN.md 的官方说明页

• 品牌定位 / 个性形容词
• 配色（主色、辅色、语义色）
• 字体（家族、字号、字重、行高）
• 间距系统
• 圆角 / 阴影 / 边框
• 组件示范（按钮、卡片、表单、导航）
• 动效原则
• 整体气质描述（"克制"、"活泼"、"电影感"…）

所有这些都用人话写在一个 markdown 文件里，没有任何嵌套 JSON 或 token 结构