产品设计工作流
将以下提示词粘贴到你的 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 或安全评审同学