文档
了解 DESIGN.md 是什么、怎么交给 Agent，以及 Driftless 最近改了什么。
指南
2026年9月14日
DESIGN.md 是什么
DESIGN.md 是机器可读的 YAML tokens 加上人类可读的取舍说明，用来约束 Cursor、Claude Code、Codex 写出的界面。
阅读 →2026年9月14日
怎么把 DESIGN.md 交给 Agent
文件放在仓库根目录，并在 Cursor、Claude Code、Codex 或 Stitch 的规则里点名它。导出前本站会校验对比度和章节。
阅读 →2026年9月22日
DESIGN.md 里有哪些字段
YAML front matter 放 token，正文按 Google 官方八节顺序写。章节标题保持英文。
阅读 →2026年9月22日
SKILL.md 和 DESIGN.md 怎么选
DESIGN.md 是规范本身。SKILL.md 把同一份规范包进 Agent 的技能目录，并写上安装位置。
阅读 →2026年9月22日
常见问题
免登录、数据留在浏览器、支持哪些 Agent，以及中文 DESIGN.md 怎么导出。
阅读 →2026年9月22日
从现有界面抽出 token
不爬网站。用眼睛从 Figma 或现有页面抽出背景、表面、强调色、字号和圆角，再写进编辑器。
阅读 →2026年9月22日
用一行命令或 MCP 安装风格
npx driftless-styles add 把公开注册表里的 DESIGN.md 写进仓库。MCP 可以列风格、搜索并取出同一份文件。
阅读 →