核心信息
Awesome DESIGN.md 是 VoltAgent 维护的品牌 UI 设计系统 Markdown 集合（80.2k Stars），收录 73+ 知名品牌的 DESIGN.md 文件（Apple、Stripe、Spotify、Nike、Notion、Figma 等）。基于 Google Stitch 引入的 DESIGN.md 概念——AI 编码代理可直接读取的纯文本设计系统文件。复制到项目中告诉 Agent “给我做一个这样风格的页面”即可获得匹配 UI。
- 作者：VoltAgent（necatiozmen 等）
- Stars：80.2k
- Forks：9.7k
- 许可证：MIT
- 版本：无 Release，45 commits
- 形式：Markdown 文件集合，每品牌含 DESIGN.md + preview.html + preview-dark.html
核心内容
覆盖品牌类别
| 类别 | 示例品牌 |
|---|---|
| AI & LLM | Claude、Cohere、ElevenLabs、Mistral AI、Ollama、Replicate、Runway、xAI |
| 开发者工具 | Cursor、Expo、Vercel、Warp、Raycast、Superhuman、Lovable |
| 后端/数据库 | ClickHouse、MongoDB、Supabase、Sentry、PostHog、Sanity、HashiCorp |
| 生产力/SaaS | Linear、Notion、Cal.com、Intercom、Mintlify、Resend、Zapier |
| 设计/创意 | Figma、Framer、Webflow、Miro、Airtable、Clay |
| 金融科技 | Stripe、Coinbase、Binance、Kraken、Mastercard、Revolut、Wise |
| 电商/零售 | Shopify、Nike、Airbnb、Meta store、Starbucks |
| 媒体/消费 | Apple、Spotify、NVIDIA、PlayStation、SpaceX、Uber、The Verge |
| 汽车 | Tesla、BMW、Ferrari、Lamborghini、Bugatti、Renault |
每个 DESIGN.md 包含 9 个部分
视觉主题 → 色彩语义 → 排版层级 → 组件样式 → 布局原则 → 深度/阴影 → 做与不做 → 响应式断点 → Agent 提示指南
概念对比
AGENTS.md告诉编码 Agent 如何构建DESIGN.md告诉设计 Agent UI 应该长什么样
关联连接
- Awesome_DESIGN_MD — 项目实体页面
- UI_UX_Pro_Max_Skill — AI UI/UX 设计技能包（互补：技能包提供设计能力，DESIGN.md 提供品牌参考）
- Prompt_Design — 提示设计方法论