← ClaudeAtlas

pm-protolisted

Use when: 需要设计产品原型、规划交互流程、确定界面布局、从PRD到视觉的过渡 Do NOT use when: 原型已由设计师完成、仅需文字描述无需视觉产出
konglong87/superPM · ★ 22 · Web & Frontend · score 84
Install: claude install-skill konglong87/superPM
## Preamble (run first) ```bash bash "$(dirname "${BASH_SOURCE[0]}")"/check-update.sh 2>/dev/null || true # 检查方案设计目录 mkdir -p docs/02-方案设计 # 检查前置文档 echo "📊 正在检查前置文档..." if [ -f "docs/02-方案设计/PRD产品需求文档.md" ]; then echo "✅ PRD文档 - 已找到" else echo "⏳ PRD文档 - 未找到" fi if [ -f "docs/01-需求调研/MVP方案.md" ]; then echo "✅ MVP方案 - 已找到" else echo "⏳ MVP方案 - 未找到" fi ``` --- ## 执行流程 ### 步骤 1: 确定原型设计范围 使用 AskUserQuestion 询问: > 您需要设计哪个层面的原型? > > A) 整��产品原型(完整产品流程) > B) 核心功能原型(MVP核心流程) > C) 单个功能模块原型(特定功能) > D) 交互优化原型(已有原型的优化) > E) 其他(请手动输入) > > 💡 提示: > - 新产品从0到1 → 推荐整体产品原型 > - 快速验证 → 推荐核心功能原型 > - 迭代优化 → 推荐单个功能模块原型 记录到变量 `PROTO_SCOPE` --- ### 步骤 2: 读取前置数据 根据原型范围读取相应文档: **必需文档**: - PRD产品需求文档(如果存在) - MVP方案(如果存在) - 用户旅程地图(如果存在) **读取失败处理**: 如果 PRD 文档不存在: ```markdown ⚠️ 未找到 PRD 文档 ��型设计通常需要 PRD 作为输入,确保设计符合需求。 您可以选择: A) 执行 /pm-docs 生成 PRD B) 使用 MVP 方案作为输入(如果没有 PRD) C) 手动输入功能需求(快速模式) 是否继续? ``` --- ### 步骤 3: 提取关键信息 基于前置文档提取: **从 PRD 提取**: - 功能列表 - 核心业务流程 - 交互流程 - 用户场景 - 界面要求 **从 MVP 方案提取**: - 核心功能集 - 用户旅程 - 功能优先级 **从用户旅程地图提取**: - 用户操作路径 - 关键触点 - 情绪曲线 --- ### 步骤 4: 设计原型框架 #### 4.1 信息架构设计 使用 AskUserQuestion 询问: > 基于功能需求,我整理了以下信息架构: > > {展示信息架构树形图} > > 这个架构是否合理? > > A) 架构合理,继续设计页面流程 > B) 需要调整架构 > C) 我有其他想法(请手动输入) 如果选择 B,引导用户调整架构。 #### 4.2 核心页面识别 AI 分析并列举核心页面: > 📱 根据信息架构和用户旅程,识别出以下核心页面: > > {页面列表,如:首页、商品列表、商品详情、购物车、订单页等} > > 是否需要调整? > > A) 页面完整,开始设计流程 > B) 需要增加页面 > C) 需要删除页面 > D) 其他调整 --- ### 步骤 5: 设计页面流程 #### 5.1 核心业务流程梳理 基于用户旅程和功能需求,设计页面跳转流程: ```markdown