{"id":51294347,"url":"https://github.com/arcsin1/pm-agile-workflow","last_synced_at":"2026-06-30T13:01:58.141Z","repository":{"id":346815985,"uuid":"1191746937","full_name":"arcsin1/pm-agile-workflow","owner":"arcsin1","description":"Guides users through a stricter 7-step agile PM workflow. Invoke when users have a rough product idea and need interactive HTML prototype, PRD, mermaid flowcharts, and versioned delivery.","archived":false,"fork":false,"pushed_at":"2026-03-25T14:54:09.000Z","size":12,"stargazers_count":19,"open_issues_count":0,"forks_count":1,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-03-26T17:29:13.016Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/arcsin1.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-03-25T14:48:39.000Z","updated_at":"2026-03-26T16:58:56.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/arcsin1/pm-agile-workflow","commit_stats":null,"previous_names":["arcsin1/pm-agile-workflow"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/arcsin1/pm-agile-workflow","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arcsin1%2Fpm-agile-workflow","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arcsin1%2Fpm-agile-workflow/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arcsin1%2Fpm-agile-workflow/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arcsin1%2Fpm-agile-workflow/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/arcsin1","download_url":"https://codeload.github.com/arcsin1/pm-agile-workflow/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arcsin1%2Fpm-agile-workflow/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34967636,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-30T02:00:05.919Z","response_time":92,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-06-30T13:01:57.227Z","updated_at":"2026-06-30T13:01:58.136Z","avatar_url":"https://github.com/arcsin1.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# PM Agile Workflow Skill\n\n\u003e 敏捷产品经理需求产出工作流 - 从模糊想法到可交付的 PRD + 原型 + 流程图\n\n**快速导航：** [简介](#简介) | [核心价值](#核心价值) | [适用场景](#适用场景) | [七步工作流](#七步工作流) | [产出物清单](#产出物清单) | [目录结构](#目录结构) | [快速开始](#快速开始) | [常见问题](#常见问题) | [安装](#安装)\n\n---\n\n## 简介\n\n这是一个结构化的产品经理工作流技能，帮助将模糊的产品需求逐步转化为清晰、可评审、可演示的完整交付物。通过七步法引导式流程，确保需求被充分理解、原型被充分验证、文档被充分完善。\n\n## 核心价值\n\n- **需求收敛**：把模糊想法逐步厘清成清晰业务逻辑\n- **原型验证**：通过交互式 HTML 原型发现交互漏洞和边界条件\n- **完整交付**：产出可展示、可评审、可迭代的 PRD + 原型 + 流程图\n\n## 适用场景\n\n- 只有一个产品想法，还说不清流程和边界\n- 需要输出专业级 PRD，但不希望只得到空框架\n- 需要交互式 HTML 原型来验证页面逻辑和异常流\n- 希望 PRD 中直接嵌入原型切片，方便评审对齐\n\n## 触发方式\n\n当用户提供以下任一形式的输入时自动启用：\n- 产品想法 / 功能需求\n- 业务流程描述\n- 草图 / 截图\n- 口头描述\n- 会议纪要\n\n说出类似以下内容即可触发：\n\u003e \"我想做一个 XX 功能\"\n\u003e \"帮我把这个需求整理成 PRD\"\n\u003e \"我有个产品想法，需要出原型和文档\"\n\n## 七步工作流\n\n```\n┌─────────────────────────────────────────────────────────┐\n│  Step 1: 对话式需求采集与确认                             │\n│  → 复述理解 → 7维度评估 → 3轮追问 → 等待确认              │\n└─────────────────────────────────────────────────────────┘\n                          ↓\n┌─────────────────────────────────────────────────────────┐\n│  Step 2: 项目初始化与目录架构搭建                         │\n│  → 创建 requirements/ prototypes/ flows/ 目录           │\n└─────────────────────────────────────────────────────────┘\n                          ↓\n┌─────────────────────────────────────────────────────────┐\n│  Step 3: 输出第一版详细 PRD                              │\n│  → 背景/目标/场景/功能清单/业务逻辑 → 等待确认            │\n└─────────────────────────────────────────────────────────┘\n                          ↓\n┌─────────────────────────────────────────────────────────┐\n│  Step 4: 产出高保真 HTML 原型 ⭐ 核心验证阶段              │\n│  → 单文件 HTML + Tailwind CSS + Focus Mode → 迭代优化    │\n└─────────────────────────────────────────────────────────┘\n                          ↓\n┌─────────────────────────────────────────────────────────┐\n│  Step 5: 输出 Mermaid 流程图                            │\n│  → 主流程 + 异常分支 + 边界处理                          │\n└─────────────────────────────────────────────────────────┘\n                          ↓\n┌─────────────────────────────────────────────────────────┐\n│  Step 6: 产出最终版 PRD（内嵌原型切片）                   │\n│  → 整合所有产物 → iframe 嵌入原型 → 完整交付              │\n└─────────────────────────────────────────────────────────┘\n                          ↓\n┌─────────────────────────────────────────────────────────┐\n│  Step 7: 版本迭代与管理                                 │\n│  → 版本隔离 → 变更日志 → PRD/原型同步                    │\n└─────────────────────────────────────────────────────────┘\n```\n\n## 产出物清单\n\n| 产物 | 位置 | 说明 |\n|------|------|------|\n| PRD 文档 | `requirements/prd_vX.X.html` | HTML 格式，支持独立打开 |\n| 交互原型 | `prototypes/prototype_vX.X.html` | 单文件 HTML，Tailwind CSS |\n| 流程图 | `flows/flowchart_vX.X.md` | Mermaid 格式 |\n| 附件资料 | `attachments/` | 原始资料、数据字典等 |\n\n## 目录结构\n\n```\n\u003cproject-name\u003e/\n├── requirements/        # PRD 文档\n├── prototypes/          # HTML 原型\n├── flows/               # Mermaid 流程图\n├── attachments/         # 附件资料\n└── templates/           # 模板文件\n```\n\n## 自动预览\n\nAI 产出 HTML 文件后会**自动在浏览器中打开**，无需手动操作：\n\n| 步骤 | 产出文件 | 自动打开 |\n|------|----------|----------|\n| Step 3 | `requirements/prd_v1.0.html` | ✅ |\n| Step 4 | `prototypes/prototype_v1.0.html` | ✅ |\n| Step 6 | `requirements/prd_v1.0_final.html` | ✅ |\n\n## 原型特性\n\n- **单文件 HTML**：便于分享和版本管理\n- **Tailwind CSS**：现代、清晰的视觉风格\n- **Focus Mode**：支持 `?focus=\u003cfeature_id\u003e` 参数，用于 PRD 切片展示\n- **完整状态**：默认态、弹窗态、空状态、成功态、失败态、加载态\n- **Hash 路由**：支持 `#login` 等页面切换\n\n## PRD 特性\n\n- **HTML 格式**：独立打开即可使用，无需依赖\n- **模块化结构**：每个功能包含流程图 + 规则描述 + 原型切片\n- **iframe 嵌入**：原型以沙箱方式嵌入，聚焦展示特定功能\n- **版本切换器**：右上角下拉菜单切换历史版本\n\n## 执行原则\n\n1. 严格按步骤推进，禁止一次性输出所有结果\n2. 每步确认后再继续，不跳步、不压缩\n3. 原型修改同步更新 PRD\n4. 历史版本物理隔离，不覆盖\n\n## 快速口诀\n\n\u003e 先问清，再建目录\n\u003e 先出初版 PRD，再做 HTML 原型\n\u003e 原型每改一处，PRD 同步一处\n\u003e 原型跑通后，再补 Mermaid 流程图\n\u003e 最终交付必须可读、可演示、可迭代\n\n## 快速开始\n\n**输入：** \"我想做一个积分兑换功能\"\n\n**执行过程：**\n```\nStep 1 → 追问澄清：积分来源？兑换限制？库存处理？\nStep 2 → 创建目录结构\nStep 3 → 输出 prd_v1.0.html\nStep 4 → 输出 prototype_v1.0.html（含 Focus Mode）\nStep 5 → 输出 flowchart_v1.0.md\nStep 6 → 输出 prd_v1.0_final.html（内嵌原型切片）\nStep 7 → 版本记录、变更日志\n```\n\n**最终产出：**\n```\npoints-exchange/\n├── requirements/\n│   ├── prd_v1.0.html\n│   └── prd_v1.0_final.html\n├── prototypes/\n│   └── prototype_v1.0.html\n├── flows/\n│   └── flowchart_v1.0.md\n└── attachments/\n```\n\n## 前置依赖\n\n| 依赖项 | 说明 | 必需 |\n|--------|------|------|\n| Tailwind CSS | 原型样式，CDN 自动引入 | 否 |\n| Mermaid.js | 流程图渲染，CDN 自动引入 | 否 |\n| 现代浏览器 | Chrome / Firefox / Safari / Edge | 是 |\n\n## 常见问题\n\n**Q: 原型无法预览？**\n检查 CDN 资源是否可访问，尝试直接用浏览器打开 HTML 文件。\n\n**Q: Mermaid 渲染失败？**\n避免节点文本中使用特殊字符 `\" ' \u003c \u003e \u0026 { }`，检查语法闭合。\n\n**Q: 只想执行部分步骤？**\n直接说明即可，如 \"我已有 PRD，只需要出原型\"。\n\n**Q: Focus Mode 不生效？**\n检查 URL 参数格式：`?focus=login#login`\n\n## 安装\n\n### Claude Code\n\n将 `SKILL.md` 放入 skills 目录：\n\n```bash\n~/.claude/skills/pm-agile-workflow/SKILL.md\n```\n\n**唤起方式：** 直接在对话中描述需求即可自动触发，或输入 `/pm-agile-workflow` 手动调用。\n\n### Cursor 编辑器\n\n1. 打开 Cursor settings\n2. 找到 **Skills** 设置入口\n3. 点击「Add Skill」添加 `SKILL.md` 文件\n\n或放入配置目录：\n\n```bash\n~/.cursor/skills/pm-agile-workflow/SKILL.md\n```\n\n**唤起方式：** 在 Chat 面板中输入 `@pm-agile-workflow` 或直接描述产品需求。\n\n### Trae 编辑器\n\n1. 打开 Trae 设置面板\n2. 找到 **AI 助手** → **Skills / 技能** 设置入口\n3. 点击「添加 Skill」，选择或粘贴 `SKILL.md` 文件\n\n或者放入配置目录：\n\n```bash\n~/.trae/skills/pm-agile-workflow/SKILL.md\n```\n\n**唤起方式：** 在对话中输入 `/pm-agile-workflow` 或直接描述产品需求触发。\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farcsin1%2Fpm-agile-workflow","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farcsin1%2Fpm-agile-workflow","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farcsin1%2Fpm-agile-workflow/lists"}