从真实网站中提取的设计系统文档。复制到你的项目中,告诉 AI 代理「构建一个看起来像这样的页面」,即可获得完美匹配像素的 UI。
DESIGN.md 是 Google Stitch 引入的全新概念 —— 一个纯文本的设计系统文档,AI 代理通过阅读它来生成一致的 UI。
它只是一个 Markdown 文件。无需导出 Figma,无需 JSON Schema,无需特殊工具。将它放入项目根目录,任何 AI 编码代理或 Google Stitch 都能立即理解你的 UI 应该如何呈现。
Markdown 是 LLM 最擅长阅读的格式,因此无需解析或配置。
| 文件 | 谁读取它 | 它定义了什么 |
|---|---|---|
AGENTS.md |
编码代理 | 如何构建项目 |
DESIGN.md |
设计代理 | 项目的外观和感觉 |
| 文件 | 用途 |
|---|---|
DESIGN.md |
设计系统(代理读取的内容) |
preview.html |
视觉目录,展示色板、字体比例、按钮、卡片 |
preview-dark.html |
相同的目录,但使用深色表面 |
DESIGN.md 文件复制到你的项目根目录。