「Awesome DESIGN.md」给 AI Coding Agent 用的品牌设计系统合集

Awesome DESIGN.md 是 VoltAgent 开源的一个 DESIGN.md 合集，收集了大量参考真实品牌网站整理出来的纯文本设计系统文档。它的用法很简单：把某个品牌风格的 DESIGN.md 放进项目根目录，再让 AI Coding Agent 按这份文档生成页面。

DESIGN.md 可以理解为给设计 Agent 看的“视觉说明书”。它不像 Figma 导出或 JSON schema 那样需要额外工具，而是普通 Markdown，里面描述视觉气质、颜色、字体层级、组件样式、布局原则、阴影层级、响应式规则和 Agent Prompt Guide。

仓库当前覆盖的品牌和产品非常多，包括 Claude、Cohere、ElevenLabs、Ollama、OpenCode、Cursor、Vercel、Stripe、Supabase、Linear、Notion、Figma、Framer、Shopify、Apple、NVIDIA、BMW、Tesla 等。对于做 Vibe Coding、AI 生成落地页或快速探索品牌风格的人来说，这相当于一套现成的设计语料库。

它的价值不在于复制品牌，而在于让 AI 更容易理解“这个页面应该长什么样”。每个站点通常包含 DESIGN.md、preview.html 和 dark preview，既方便 Agent 读取，也方便人类快速检查色板、字体、按钮和卡片样式。适合前端开发者、独立开发者和正在用 AI 生成 UI 的团队收藏。