前言¶

产品想法往往先落在聊天记录或口头描述里，研发侧却要一份能评审的 PRD，设计侧还要能点开的交互稿。自己从零搭 PRD 结构、再单独做 mockup，重复劳动多，版本也容易对不齐。下面介绍 SkillHub 上的 PRD+原型生成（@user_e40f1c95/prd-v3）：在 Agent 里按固定流程先澄清需求、选定 PRD 风格，再输出 Markdown 需求文档和单文件 HTML 原型，并支持在已有产物上做增量修改。

这是什么¶

PRD+原型生成 是社区发布的 Agent Skill（版本 1.0.1，分类 business-ops，发布者 user_e40f1c95）。它根据你的需求描述生成软件产品需求文档（PRD）和可交互原型（HTML）。标签 requires_api_key=false，不依赖额外 API Key。

当用户要撰写 PRD、做软件原型、交互 demo、App mockup，或话里出现「需求文档」「PRD」「原型」「prototype」「demo」「mockup」等组合诉求时，Skill 说明建议启用本 Skill。项目规模不同时，可在传统完整 PRD 与敏捷/精简 PRD 之间切换。

SkillHub 页面：https://www.skillhub.cn/skills/user_e40f1c95/prd-v3
资源坐标：@user_e40f1c95/prd-v3

核心功能¶

经核对 Skill 包内 SKILL.md 与商店检索结果，已核实能力如下。

端到端工作流¶

整体路径为：需求输入 → 需求澄清 → 选择 PRD 风格 → 生成 PRD → 生成原型 → 迭代优化。

需求澄清¶

需求已写清目标用户、核心功能与场景时，可直接选 PRD 风格。若描述模糊，Skill 会少量追问（每次约 2～3 个问题），例如产品类型（App / 后台 / 官网 / 小程序 / H5）、目标用户、要解决的问题、参考竞品等；并优先从原文推断，避免审问式沟通。

两种 PRD 风格¶

• 传统完整 PRD：适合全新产品、大版本、多团队协作与正式评审，覆盖背景、目标、功能详述、流程、非功能需求、埋点、风险等。
• 敏捷精简 PRD：适合小功能迭代、MVP、单团队，以用户故事与验收标准为主。

判断上，「做个 XX 功能」倾向敏捷；「设计完整 XX 系统/产品」倾向传统；不确定时向用户确认。

PRD 产出¶

生成前会读取 assets/ 下对应模板（prd-traditional-template.md 或 prd-agile-template.md）以及 references/prd-writing-guide.md。输出为 Markdown，默认文件名形如 PRD-[产品名称]-[日期].md，写入当前工作区。写作要求包括用户视角、边界状态（空/错/加载等）、P0/P1/P2 优先级、可量化目标等。

HTML 交互原型¶

PRD 确认后，按 references/prototype-guide.md 生成原型：移动端常用 375px 居中宽，后台全宽（最小约 1200px），网站可自适应。每页需覆盖默认、加载、空态、错误、危险操作确认等状态；使用真实中文文案；单 HTML 内联 CSS/JS，原生 JavaScript、CSS 变量主题，实现 Tab、筛选、弹窗、Toast、表单校验等关键交互。文件命名形如 prototype-[产品名称].html。

迭代与版本说明¶

迭代强调增量修改（在已有 HTML/PRD 上局部改），避免整文件重写；仅当方向或技术栈大变时才考虑重做。商店简介中 v1.0.1 注明：增加批量更新，减少 token 消耗量。

安装与启用¶

安装 SkillHub CLI¶

若尚未安装，可先检查版本：

command -v skillhub && skillhub --version

未安装时可按官方安装文档执行（完整安装示例）：

curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash

说明见：https://skillhub.cn/install/skillhub.md

安装本 Skill¶

安装时必须用 --dir 指向当前 Agent 的 skills 目录，否则默认落在 ./skills/ 可能无法被识别。

skillhub install prd-v3 --namespace user_e40f1c95 --dir <你的 skills 目录>

常见 skills 目录（以官方安装文档为准）：

• Cursor：~/.cursor/skills/
• Codex：~/.codex/skills/ 或项目下的 .agents/skills/
• Claude Code：~/.claude/skills/

也可在对话中让 Agent 按 https://skillhub.cn/install/skillhub.md 安装 @user_e40f1c95/prd-v3（SkillHub 页面提供的提示方式）。

安装完成后，按你所用客户端要求重启或刷新 Agent，使 Skill 生效。

典型用法¶

Skill 通过自然语言触发，无需单独 CLI 子命令。下面示例与 SKILL.md 工作流一致，可在启用 Skill 后直接复现。

示例 1：小功能迭代（敏捷 PRD + 原型）

我想给现有 App 加一个「每日签到」功能：连续签到有积分奖励，需要 PRD 和可点的 H5 原型，375 宽。

Agent 应走澄清（若信息足够则跳过）→ 选敏捷模板 → 写出 PRD-...md → 再生成 prototype-....html。

示例 2：完整产品（传统 PRD）

设计一个完整的内部工单管理系统，多角色协作，需要正式评审用的 PRD，后台全宽布局的原型。

倾向传统 PRD 模板与后台全宽原型规范。

示例 3：迭代

把原型里列表页的空状态文案改成「暂无工单」，并补一个删除工单的确认弹窗，不要整页重做。

对应 Skill 第五阶段的增量修改原则。

适用场景与注意¶

适合谁：产品经理、独立开发者、需要在对话里快速对齐「文档 + 可演示页面」的小团队；不想手搭 PRD 章节结构或从零写交互 HTML 时。

限制与注意：

• 产物质量依赖需求描述与模型能力；模糊需求会触发追问，但仍需你确认业务细节。
• PRD 与原型保存在当前工作区，路径与权限由你的项目环境决定。
• SkillHub 统计（以预抓取资料为准）：评分 100000，下载 1241，安装计数 0；与页面实时数据若有出入以 SkillHub 为准。
• https://api.skillhub.cn/user_e40f1c95/prd-v3 对普通 GET 可能返回 405，浏览与安装以 SkillHub 站点与 skillhub CLI 为准。

结尾¶

PRD+原型生成 把「写需求」和「做可点原型」绑在同一套 Agent 流程里，并区分传统与敏捷 PRD、单文件 HTML 交付与增量迭代。若你经常在 PRD 与 demo 之间来回对齐，可以按上文安装到对应 skills 目录后，用需求描述直接驱动生成。

官方页面：https://www.skillhub.cn/skills/user_e40f1c95/prd-v3