VoltAgent/official-design-md
GitHub: VoltAgent/official-design-md
一个收录各公司官方发布的 DESIGN.md 文件的精选索引仓库，帮助 AI 编码 agent 生成视觉风格一致的 UI 界面。
Stars: 8 | Forks: 0
由公司或项目官方发布的 DESIGN.md 文件。
[](https://s.voltagent.dev/discord)
# 官方 DESIGN.md
这是一个追踪官方 DESIGN.md 采用情况的仓库。这里的每个条目都是由公司或项目本身发布的 DESIGN.md —— 而非提取、逆向工程或社区制作的。
如果某个团队在其 repo 或文档中发布了官方的 DESIGN.md，它就应该属于这里。
## 什么是 DESIGN.md？
[DESIGN.md](https://getdesign.md/what-is-design-md) 是由 Google Stitch 引入的一个新概念。它是一个供 AI agent 读取以生成一致 UI 的纯文本设计系统文档。
它只是一个 Markdown 文件。不需要 Figma 导出，不需要 JSON schema，也不需要特殊的工具。将其放入你的项目根目录中，任何 AI 编码 agent 或 Google Stitch 都能立即理解你的 UI 应有的外观。Markdown 是 LLM 最擅长读取的格式，因此无需进行任何解析或配置。
| 文件 | 读取对象 | 定义内容 |
|------|-------------|-----------------|
| `AGENTS.md` | 编码 agent | 如何构建项目 |
| `DESIGN.md` | 设计 agent | 项目应有的外观与风格 |
**本仓库追踪官方的 DESIGN.md 文件** —— 即由公司和项目自己发布的那些。
想要寻找从真实网站提取的、可直接使用的 DESIGN.md 文件？请查看 [awesome-design-md](https://github.com/VoltAgent/awesome-design-md)。
## 合集
- [**Atlassian**](https://atlassian.design/DESIGN.md) - Jira 和 Confluence 的开发商。Atlassian Design System —— 结构化的蓝色调色板，企业级清晰度
- [**Clerk**](https://clerk.com/design.md) - 认证和用户管理平台。标志性的紫色，为人类和 AI agent 编写的品牌系统
- [**Mintlify**](https://mintlify.com/design.md) - 文档平台。Token 驱动的设计系统，简洁且针对阅读进行了优化
- [**Nuxt**](https://nuxt.com/design.md) - Vue 框架。由 Nuxt UI 和 Tailwind CSS v4 提供支持，默认采用暗黑模式
- [**Resend**](https://resend.com/design.md) - 面向开发者的邮件 API。极简的暗黑主题，monospace 强调色
- [**Vercel**](https://vercel.com/design.md) - 前端部署平台。Geist 设计系统 —— 黑白精准，开发者优先的极简主义
- [**VoltAgent**](https://github.com/VoltAgent/voltagent/blob/main/DESIGN.md) - AI agent 框架。Void-black 画布，emerald 强调色，终端原生体验
DESIGN.md 标准尚属新颖，官方采用率正在不断增长。发现了新的官方文件？[提交一个 issue](https://github.com/VoltAgent/official-design-md/issues) 或发送 PR。
## 如何使用
1. 点击链接访问官方的 DESIGN.md
2. 将其复制到你的项目根目录
3. 告诉你的 AI agent 使用它
## 许可证
MIT 许可证 - 查看 [LICENSE](LICENSE)
本仓库是一个官方发布的 DESIGN.md 文档的精选索引。所有链接的文件仍归其各自所有者所有。我们不托管或主张任何链接内容的所有权。标签：AI编程助手, UI/UX, 设计系统, 防御加固