Menu
当设计阶段完成需要交付给开发团队时使用。开发交接摘要自动生成，整合页面清单、路由结构、功能需求和待确认项，产出面向开发的交接文档。关键词：设计交接、设计交付、Handoff、开发对接、交付文档。
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
当需要执行完整的需求分析流程时使用。需求洞察指挥官，调度insight-analysis完成JTBD、需求分层、5Whys、KANO分类和优先级评分。关键词：需求分析流程、需求洞察编排、需求优先级全流程、JTBD、5Whys、KANO、优先级评分、分析需求、挖掘需求、用户需求、需求排序。本编排器为透传编排器，仅调度1个子Skill(insight-analysis)，上层编排器也可直接调用insight-analysis。
当需要执行完整的市场与竞品分析流程时使用。市场竞品指挥官，调度market-tam-som/pest/competitor-analysis。关键词：市场分析、竞品分析、TAM/SAM/SOM、PEST、竞品情报、四象限、市场规模、行业分析、竞争对手、竞品调研。
当需要执行完整的机会识别与定义流程时使用。机会识别指挥官，调度opportunity-definition完成机会评分、问题陈述、HMW发散和机会简报。关键词：机会识别、机会评分、HMW、Problem Statement、Opportunity Brief、产品机会、机会评估、问题定义。
当需要执行完整的用户研究流程时使用。用户研究指挥官，调度voice-analysis/behavior-analysis/user-modeling/interview-assist/report。关键词：用户研究、VOC分析、行为分析、Persona、访谈辅助、用户调研、用户画像、用户反馈、用户访谈。
当需要设计或评估产品商业模式时使用。商业模式指挥官，调度business-model-canvas/value-fit/pricing/strategy-report。关键词：商业模式、商业画布、定价策略、商业战略报告、怎么赚钱、盈利模式、收费模式、商业评估。
当需要进行产品立项、战略规划或路线图制定时使用。战略规划指挥官，调度产品提案、战略分析（SWOT/Ansoff/波特五力）、OKR、北极星、路线图等子Skill。关键词：产品立项、战略规划、SWOT、OKR、路线图、战略分析、制定目标、产品规划、年度规划。
| name | design-handoff-spec |
| description | 当设计阶段完成需要交付给开发团队时使用。开发交接摘要自动生成，整合页面清单、路由结构、功能需求和待确认项，产出面向开发的交接文档。关键词：设计交接、设计交付、Handoff、开发对接、交付文档。 |
| metadata | {"module":"产品构思与设计","sub-module":"设计交付","type":"pipeline","version":"3.0","domain_tags":["互联网","软件","通用"],"trigger_examples":["设计稿做好了怎么交给开发","帮我生成设计交付文档","开发对接文档怎么出"],"interaction_mode":"ai_suggest_human_approve"} |
🤖→👤 AI建议人类审批
| 输入项 | 类型 | 必填 | 来源 | 说明 |
|---|---|---|---|---|
| IA信息架构 | JSON | ○ | output/pm-design/design-ia/ia_proposals.json | 页面路由和导航需求 |
| PRD文档 | Markdown | ○ | output/pm-design/design-prd/prd.md | 产品需求参考 |
| PRD结构化数据 | JSON | ○ | output/pm-design/design-prd/prd.json | PRD机器可消费版本，供交接文档对齐 |
| 交互规范 | Markdown | ○ | output/pm-design/interaction-spec/interaction-spec.md | 交互意图和无障碍要求 |
基于 IA 和 PRD，生成完整的页面清单：
页面清单：
| 页面名称 | 路由 | 层级 | 功能区域 | 状态 |
|---|---|---|---|---|
| 首页 | / | L1 | 轮播/推荐列表/搜索入口 | 已定义 |
| 商品详情 | /product/:id | L2 | 商品图/规格选择/评价 | 已定义 |
| 购物车 | /cart | L2 | 商品列表/总价/结算 | 已定义 |
| 结算页 | /checkout | L3 | 收货地址/支付方式/确认 | 待定义 |
路由结构（来自 ia_proposals.json 的 routes）：
/ → 首页
/product/:id → 商品详情
/cart → 购物车
/checkout → 结算页
/checkout/success → 支付成功
/profile → 个人中心
基于 PRD，提取每个页面的功能需求：
| 页面 | 功能需求 | 交互意图 | 异常场景 |
|---|---|---|---|
| 首页 | 展示推荐内容、搜索入口 | 下拉刷新需有反馈 | 网络错误/空推荐 |
| 商品详情 | 展示商品信息、加入购物车 | 加入购物车需有确认反馈 | 商品下架/库存不足 |
| 购物车 | 管理购物车商品 | 删除需确认/数量调整即时生效 | 空购物车/价格变动 |
| 结算页 | 填写收货信息、选择支付 | 表单验证需实时反馈 | 地址无效/支付失败 |
引用 UI Skill 的产出路径，不内联定义 UI 实现细节：
| UI 产出 | 来源路径 | 说明 |
|---|---|---|
| 设计令牌 | output/ui-project-init/project-init.json → tokens | 颜色/字体/间距/阴影/圆角 |
| 组件库 | output/ui-project-init/project-init.json → component_library | 可复用组件清单和主题定制 |
| 视觉方向 | output/ui-project-init/project-init.json → visual_direction | 美学方向/色彩策略/视觉禁忌 |
| 页面组件 | output/ui-frontend/page-builder/ | 页面组件代码和交互实现 |
| 交互实现 | ext-interaction-design 产出 | 动画令牌/交互模式/无障碍适配 |
| 响应式适配 | page-builder 产出 | 响应式断点和适配方案 |
注：以上路径为 UI Skill 执行后的产出位置。若 UI Skill 尚未执行，标注"待 UI Skill 产出"。
待确认项：
| 编号 | 问题 | 影响范围 | 负责人 | 状态 |
|---|---|---|---|---|
| Q1 | 首页推荐算法是否需要个性化 | 首页数据层 | 后端 | 待确认 |
| Q2 | 购物车商品数量上限 | 购物车交互 | PM | 待确认 |
开放问题：
| 编号 | 问题 | 影响范围 | 状态 |
|---|---|---|---|
| O1 | 是否需要离线模式 | 全局交互 | Open |
交接文档结构：
# {产品名}开发交接摘要
## 1. 概述
### 1.1 项目信息
### 1.2 产出文件索引
## 2. 页面清单与路由
### 2.1 路由结构
### 2.2 页面清单
## 3. 功能需求摘要
### 3.1 逐页面功能需求
### 3.2 交互意图
### 3.3 异常场景
## 4. UI 产出引用
### 4.1 设计令牌引用
### 4.2 组件库引用
### 4.3 视觉方向引用
### 4.4 交互实现引用
### 4.5 响应式适配引用
## 5. 待确认项
## 6. 开放问题
## 附录
- 变更记录
存储路径：output/pm-design/design-handoff-spec/
输出文件：
| 文件 | 格式 | 说明 |
|---|---|---|
| design-handoff-spec.md | Markdown | 完整开发交接摘要 |
| design-handoff-spec.json | JSON | 结构化数据 |
design-handoff-spec.json 结构：
{
"project_info": {
"product": "产品名",
"version": "1.0"
},
"pages": [
{
"name": "页面名",
"route": "/path",
"level": "L1/L2/L3",
"functional_areas": [],
"status": "已定义/待定义"
}
],
"routes": [],
"functional_requirements": [
{
"page": "页面名",
"requirements": [],
"interaction_intents": [],
"error_scenarios": []
}
],
"ui_output_references": {
"design_tokens": "output/ui-project-init/project-init.json → tokens",
"component_library": "output/ui-project-init/project-init.json → component_library",
"visual_direction": "output/ui-project-init/project-init.json → visual_direction",
"page_components": "output/ui-frontend/page-builder/",
"interaction_implementation": "ext-interaction-design 产出",
"responsive_adaptation": "page-builder 产出"
},
"open_questions": []
}
输出校验规则：详见下方输出校验规则章节
| 字段路径 | 类型 | 必填 | 说明 |
|---|---|---|---|
| project_info.product | string | 是 | 产品名称 |
| project_info.version | string | 是 | 文档版本号 |
| pages | array | 是 | 页面清单，不可为空 |
| pages[].name | string | 是 | 页面名称 |
| pages[].route | string | 是 | 页面路由 |
| pages[].level | string | 是 | 页面层级（L1/L2/L3） |
| pages[].functional_areas | array | 是 | 功能区域列表 |
| pages[].status | string | 是 | 定义状态 |
| routes | array | 是 | 路由结构 |
| functional_requirements | array | 是 | 功能需求摘要 |
| functional_requirements[].page | string | 是 | 页面名称 |
| functional_requirements[].requirements | array | 是 | 功能需求列表 |
| functional_requirements[].interaction_intents | array | 是 | 交互意图列表 |
| functional_requirements[].error_scenarios | array | 是 | 异常场景列表 |
| ui_output_references | object | 是 | UI 产出引用 |
| open_questions | array | 是 | 待确认项 |
| 条件 | 决策 |
|---|---|
| IA缺失 | 页面清单基于PRD推导，标注"缺乏IA验证" |
| PRD缺失 | 功能需求基于IA和用户描述推导，标注"缺乏PRD验证" |
| 交互规范缺失 | 交互意图基于PRD推导，标注"缺乏交互规范验证" |
| UI Skill 尚未执行 | ui_output_references 标注"待 UI Skill 产出" |
| 缺失的上游输入 | 降级方案 | 输出影响 |
|---|---|---|
| IA缺失 | 页面清单基于PRD推导 | 路由结构可能不完整 |
| PRD缺失 | 功能需求基于IA推导 | 功能需求可能不够完整 |
| 交互规范缺失 | 交互意图基于PRD推导 | 交互意图可能不够细致 |
| IA+PRD均缺失 | 基于用户描述推导 | 整体置信度降低 |
| 上游变更 | 影响范围 | 响应策略 |
|---|---|---|
| IA结构变更（路由/导航调整） | 页面清单、路由结构 | 标注受影响的路由和页面，建议人类确认是否更新路由映射 |
| PRD需求变更（功能增删） | 功能需求摘要、交互意图、异常场景 | 标注受影响的功能点，建议人类确认是否更新交接范围 |
| 交互规范变更 | 交互意图、异常场景 | 标注受影响的交互意图，建议人类确认是否更新 |
| 交接文档变更类型 | 通知范围 | 通知方式 |
|---|---|---|
| 页面/路由变更 | 开发团队、测试团队 | 标记变更影响范围，触发路由和页面结构重新确认 |
| 功能需求变更 | 开发团队、测试团队 | 标记需求变更，触发功能实现和测试用例更新 |
| 交互意图变更 | 开发团队 | 标记交互变更，触发交互实现更新 |