用途
Design Builder 是一个面向全新项目（greenfield）的设计流水线技能，适用于任何数字产品，包括落地页、网站、Web 应用和移动应用。其核心流程为：发现（discovery）→ 文案（copy）→ 输入（inputs）→ 结构（structure）→ 预览（preview）→ 资产（assets）→ 最终（final）。
流程中预览与精修之间存在一个循环（tune / comment / apply-across），用于反复调整设计。每个步骤相互独立，既可以单独运行，也可以串联执行。discovery.md 会在每次操作前自动加载，不会被跳过。
主要能力
- 文案提取：支持“extract copy”“copy from URL”“web capture”“content from website”“brief document”等触发方式，对应 copy.md。
- 视觉识别（编写 DESIGN.md）：支持“extract design tokens”“author DESIGN.md”“refresh design tokens”“extract design from images / codebase / design tool”等触发方式，对应 inputs.md。
- 布局 / 屏幕流程：支持“create a wireframe”“layout the page”“structure the content”“screen flow”“validate this wireframe”等触发方式，对应 structure.md。
- 预览 / 变体：支持“preview the design”“visual mockup”“tune the design”“creative variants”“pivot the design”“apply across variants”“push to design tool”等触发方式，对应 preview.md。
- 校验：支持“validate DESIGN.md”“check DESIGN.md”“audit design tokens”“lint the design system”等触发方式，对应 validate.md。
- 重设计：支持“redesign this app”“modernize this interface”“brand refresh”“change the vibe”等触发方式，对应 redesign.md。
- 资产生成：支持“generate hero banner”“create product image”“generate OG card”“image prompts”等触发方式，对应 assets.md。
其中 aesthetics.md 和 web-standards.md 由 preview.md 自动加载；validate.md 既可直接调用，也会在 inputs.md 第 5 步作为完成前的门禁自动加载；assets.md 既可直接调用，也是 preview.md 在变体获批后可选自动调用的子阶段。
使用方式
- 从用户处收集上下文时，一次只问一个问题。
- 将 .agents/design/DESIGN.md 视为视觉识别的唯一事实来源。
- 逐节修补 DESIGN.md，使每个阶段保留其他阶段的工作成果。
- 按项目类型（landing-page、website、web-app、mobile-app）路由预设与决策集。
- 每次预览运行都自动加载 aesthetics.md 和 web-standards.md。
- 将外部设计工具文件视为用户所有：仅在用户要求且具备对应 MCP 时读取或推送。
适用场景
适用于全新项目的设计构建，包括落地页、网站、Web 应用与移动应用。最终设计可以以 HTML 形式提供，在具备匹配 MCP 时推送到外部设计工具，或交给实现阶段。inputs.md 中的代码库路径是重设计或迁移的替代方案，而非主要流程。
限制与注意事项
- 该技能以 greenfield 优先，代码库路径不是主流程。
- 外部设计工具文件（Pencil、Paper、Figma）归用户所有，技能从不创建它们；仅当文件已存在且具备匹配 MCP 时拉取，仅在用户明确要求时推送。
- 反模式：编辑某一节时重写整个 DESIGN.md 会覆盖其他阶段负责的章节。应逐节修补：inputs.md 负责 frontmatter 与大部分正文，structure.md 负责 ## Layout 和 ## Screen Flow，copy.md 负责内容载荷（位于 copy.yaml）。
- 反模式：跳过 discovery。即使已提供图片、简报或代码库，discovery 仍会在每次操作前加载；否则技能会误路由，例如对移动应用运行落地页预设，或从用户想保持原样的代码库中提取令牌。
- 关于收费、价格、平台支持等具体信息，资料中暂未提供。