---
type: library
origin: awesome-design-mdREADME.md at main.md
originPath: sources/awesome-design-mdREADME.md at main.md
ingested: 2026-05-07
tags: [design-md, voltagent, google-stitch, ui-generation]
---

## 摘要

VoltAgent/awesome-design-md 是 Google Stitch DESIGN.md 文件的精选集合，目前收录 71 个网站的设计规范。DESIGN.md 是一种纯文本设计系统文档格式，AI Agent 可直接读取并生成像素级匹配 UI。相比 Figma/JSON 方案，DESIGN.md 无需特殊工具，仅是一个 markdown 文件即可让任何 AI Coding Agent 理解项目视觉风格。

## 关键要点

- **71 个设计系统**：覆盖 AI/LLM 平台、开发者工具、数据库、Fintech、汽车、媒体等 10 个类别
- **DESIGN.md 格式**：Google Stitch 提出的规范，包含 Visual Theme、Color、Typography、Component、Layout、Depth、Do's/Don'ts、Responsive、Agent Prompt Guide 九大部分
- **即插即用**：复制一个 DESIGN.md 到项目根目录，告诉 AI agent "build me a page that looks like this" 即可
- **每个设计包含**：DESIGN.md（设计系统）+ preview.html（浅色预览）+ preview-dark.html（深色预览）

## 本文件对 wiki 的贡献

- 新增实体：[[entities/google-stitch|Google Stitch]]
- 新增概念：[[concepts/design-md|DESIGN.md]]、[[concepts/agentic-ui-generation|Agentic UI Generation]]

## 相关页面

- [[entities/voltagent|VoltAgent]]
- [[entities/google-stitch|Google Stitch]]
- [[concepts/design-md|DESIGN.md]]
- [[concepts/agentic-ui-generation|Agentic UI Generation]]