Agent Skills
返回列表
产品设计工作流

产品设计工作流

AI Agent 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_9c97827c/11-plus-new。

技能介绍

问题从哪来

大型产品设计慢,往往不是缺自动化,而是需求和早期决策边做边变:design 一改,PRD 跟着改,原型往往要整段重做。若把错误决策自动一路带到交付物,返工会级联放大。

本技能把「设计系统 → PRD → 计划书 → 原型 → 对抗性审查」串成分阶段设卡的编排:每阶段产出一个可交付物,经你确认后再进下一阶段,下游始终站在已验证的上游之上。

工作方式

主 agent 负责规划、派活、纠错、整合与审查;子 agent 按计划执行单一交付物。

  • Phase 0:用 AskUserQuestion 问清技术形态、入口承载、首版范围等会改变方案走向的决策;有现成设计规范或 PRD 模板则先读再沿用。
  • Phase 1:产出 design.md(遵循 Stitch / awesome-design-md 骨架)及 assets/design.css,可选 preview.html;门:配色与组件基调确认后再继续。
  • Phase 2~3:PRD 与 PLAN.md(角色纪律、文件结构、地基优先、子 agent 分工与逐条验收标准、边界清单);各阶段各有确认门。
  • Phase 4:主 agent 先搭共享地基,再并行派子 agent 做视图;子 agent 须复用 design.css / mock,禁止自造 token;主 agent 对照验收标准打回不达标项。
  • Phase 5:对抗性审查,输出 REVIEW.md(已覆盖 / 已修复 / 范围外 / 建议下一步 / 安全语义结论)。

各阶段也可单独调用(例如只重做 PRD 或只审查某模块)。

边界与注意

铁律是分阶段人工门,不做无人值守的全自动流水线;模板化设计判断容易产出千篇一律的 PRD,关键决策应通过提问问清,而不是替用户猜。具体设计 token、领域业务与技术选型不进 skill 固化,每次在 Phase 0 与交付物里现定。

使用场景

  • 新功能要从设计 token 写到 PRD、计划书,再产出可评审的静态 HTML 原型,且每步都要人工确认后再往下走
  • 已有设计规范,需要按 Stitch 骨架补全 design.md 与 design.css,并和 preview 保持 token 一致
  • 多视图产品要先由主 agent 搭 shell 与 mock,再并行派子 agent 各做一个页面,并按 PLAN 逐条验收
  • 原型定稿前要用边界清单做对抗性审查,输出 REVIEW.md 区分已覆盖项与刻意留到范围外的问题

适合人员

  • 负责新功能从 0 到 1、希望用 Phase 0 问清技术形态与首版范围的产品经理
  • 要先锁定配色与组件基调、再让下游复用 design.css 的前端或设计负责人
  • 要写 PLAN.md 分工、禁止子 agent 改同一文件,并统筹多视图原型集成的技术负责人
  • 上线前要对空态、权限、错误与领域安全语义做审查、需要结构化 REVIEW 报告的 QA 或安全评审同学