Agent Skills
返回列表
PRD 与交互原型生成

PRD 与交互原型生成

企业运营 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中：

请根据 https://skillhub.cn/install/skillhub.md，安装 @user_e40f1c95/prd-v3。

技能介绍

解决的问题

把模糊的产品需求变成可评审文档和可点击原型，常卡在两处：PRD 风格不匹配项目规模，原型只做默认态导致验收遗漏。该技能把需求澄清、文档写作和前端原型约束放进同一工作流。

如何工作与边界

  • 需求澄清：先判断产品类型、目标用户和核心问题；模糊时最多追问 2-3 个关键问题，避免审问式沟通。
  • PRD 输出：根据规模选择 传统完整 PRD 或 敏捷精简 PRD，先读取模板和写作指南，输出 PRD-[产品名称]-[日期].md，要求量化目标、标注 P0/P1/P2、覆盖边界状态。
  • 交互原型：读取原型指南后生成单文件 HTML，使用 CSS 变量和原生 JavaScript；移动端按 375px 展示，后台最小 1200px，并覆盖加载中、空状态、错误状态和确认弹窗。
  • 迭代方式：优先对已有文件做增量修改，而不是重写整个 HTML；仅当产品方向或技术栈重大变化时重新生成。

它适合产品、研发和运营在立项、评审前快速对齐范围；不适合作为完整设计系统、后端接口实现或高保真视觉稿替代。

使用场景

  • 立项前把零散想法整理成带 P0/P1/P2 优先级和验收标准的敏捷 PRD。
  • 评审前为管理后台生成含加载、空态和错误态的 1200px 单文件 HTML 原型。
  • 小功能迭代时基于已有 HTML 原型局部改弹窗、Tab 和表单校验逻辑。
  • 需求模糊时先追问产品类型、目标用户和核心问题，再选择传统或敏捷 PRD。

适合人员

  • 需要在评审前把模糊需求转成可讨论 PRD 和可点击原型的 PM。
  • 负责把功能设想快速做成验收用 HTML 原型的前端工程师。
  • 需要统一需求文档和原型状态清单的创业团队负责人。
  • 要在小版本迭代中维护 PRD 与原型一致性的业务运营。