创建 DESIGN.md

安装与使用 Create DESIGN.md

1. 安装 Skill

   在项目中运行上游安装命令，然后依照作者的安装说明和下方使用条件继续。

   npx skills add ibelick/ui-skills --skill create-design-md

2. 向 Agent 提供任务

   提供相关文件、背景与约束。例如：

   检查这个项目或公开网站，根据观察证据起草并验证 DESIGN.md。

关于这个 Skill

根据产品代码库或已渲染的公开网站，生成有证据支持的 DESIGN.md。

为什么推荐

将可验证的设计规则整理成可校验的文档，而不是照搬所有重复样式。

适合用来做什么

• 为现有产品的编程 Agent 提供持久的设计上下文。

适用范围与限制

以公开网址为输入时，输出是重建设计草稿。站内 Extract Design System 生成 JSON/CSS 起步令牌；此工作流创建并验证 DESIGN.md 文档。

替代方案与相关工作流

使用前需要了解

• 需要访问项目或浏览器渲染证据，并使用 @google/design.md CLI 进行检查和导出验证。