从会议记录到可交互原型，只需一步
从会议记录到可交互原型，只需一步
PRD Writer Skill：需求采集→文档→设计→原型→部署，全流程自动化。
痛点
产品经理的一天：
- 开会，讨论新功能
- 整理会议记录
- 写PRD文档
- 找设计要原型
- 等设计排期
- 设计改了几版
- 终于能给开发看了
一周过去了。
PRD Writer Skill
FinStep AI开源的PRD撰写Skill——
从会议记录/需求描述到可交互原型，全流程自动化。
核心能力
- 📋 需求采集 — 从会议记录提取结构化需求
- 📝 PRD文档 — 生成完整产品需求文档
- 🎨 设计系统 — 集成UI-UX-Pro-Max设计系统
- 🖥️ 可交互原型 — 生成单文件HTML原型
- 🚀 一键部署 — 支持Cloudflare Pages部署
五阶段工作流
阶段1：需求采集
整理用户输入为结构化格式：
## 核心业务流程
- 🔴 P0 用户注册：手机号+验证码
- 🔴 P0 商品浏览：分类/搜索/详情
- 🔴 P0 下单支付：购物车/支付
## 用户端功能
- 🟡 P1 收藏夹：收藏商品
- 🟡 P1 订单管理：查看订单状态
## 管理端功能
- 🟢 P2 商品管理：增删改查
- 🟢 P2 数据统计：销量/用户增长优先级： 🔴 P0（必须）/ 🟡 P1（重要）/ 🟢 P2（优化）
阶段2：Feature List
按模块组织功能表格：
| 模块 | 功能 | 优先级 | 说明 |
|---|---|---|---|
| 用户 | 注册/登录 | P0 | 手机号+验证码 |
| 商品 | 浏览/搜索 | P0 | 分类/搜索/详情 |
| 订单 | 下单/支付 | P0 | 购物车/支付 |
完整性检查： 主动指出缺失环节 " 比如有"加购物车"但没"购物车编辑"，会提醒你补上。
阶段3：PRD文档
生成完整的PRD文档，包含：
- 文档信息 — 版本、日期、编写人
- 项目背景 — 业务目标、目标用户、核心价值
- 产品架构 — 功能架构图、用户角色定义
- 核心业务流程 — Mermaid流程图
- 详细功能说明 — 功能编号、描述、页面元素、交互逻辑、异常处理
- 非功能需求 — 性能、安全、兼容性
- 迭代规划 — MVP/V1.1/V2.0
- 附录 — 术语表、参考文档
标准化的PRD模板，确保不遗漏关键信息。
阶段4：原型生成
Step 1: 生成设计系统
python3 scripts/ui-ux-pro-max/search.py "SaaS dashboard" --design-system -p "分析平台"输出：
- 配色方案
- 字体配对
- 组件库
- UX准则
Step 2: 按需获取详细设计
# 配色方案
python3 scripts/ui-ux-pro-max/search.py "modern elegant" --domain color
# 字体配对
python3 scripts/ui-ux-pro-max/search.py "professional" --domain typography
# UX准则
python3 scripts/ui-ux-pro-max/search.py "mobile form" --domain ux
# 技术栈指南
python3 scripts/ui-ux-pro-max/search.py "responsive" --stack html-tailwind可用domain： style, color, typography, ux, product, landing, chart
可用stack： html-tailwind, react, nextjs, vue, svelte, shadcn, swiftui, react-native, flutter
Step 3: 生成HTML原型
基于设计系统输出，生成单文件HTML（Tailwind CSS + 原生JS）。
特点：
- 单文件，易于分享
- 可交互，真实体验
- 响应式，多设备适配
- 无需构建，打开即用
阶段5：部署（可选）
Cloudflare Pages一键部署：
cd prototype && wrangler pages deploy . --project-name=your-project优势：
- 国内可访问
- 免费
- 自动HTTPS
- 全球CDN
几分钟内从需求到可访问的原型链接。
质量检查
完成后以四角色审视：
1. 技术负责人视角
- 实现难度评估
- 性能影响分析
- 安全风险识别
2. 挑剔用户视角
- 操作便捷性
- 流程合理性
- 信息清晰度
3. 运营负责人视角
- 数据分析点
- 营销推广抓手
- 用户增长空间
4. 测试工程师视角
- 异常场景覆盖
- 边界问题处理
- 测试用例完整性
四角色审视，确保PRD质量。
输出文件
project/
├── feature_list.md # 功能清单
├── PRD.md # 完整需求文档
├── design-system/ # 设计系统
└── prototype.html # 可交互原型怎么用
安装
clawhub install prd-writer或手动克隆：
git clone https://github.com/FinStep-AI/prd-writer-skill.git ~/clawd/skills/prd-writer触发
提到以下关键词自动触发：
- "需求文档"、"PRD"、"产品需求"、"写需求"
- "原型"、"feature list"
使用示例
用户: 帮我写一个电商小程序的PRD
Agent: [自动触发 prd-writer 技能]
1. 采集需求
2. 生成 Feature List
3. 生成 PRD 文档
4. 生成设计系统
5. 生成 HTML 原型
6. (可选) 部署到 Cloudflare Pages设计系统搜索
生成完整设计系统
python3 scripts/ui-ux-pro-max/search.py "SaaS dashboard" --design-system -p "项目名"搜索特定域
# 配色方案
python3 scripts/ui-ux-pro-max/search.py "fintech" --domain color
# 字体配对
python3 scripts/ui-ux-pro-max/search.py "modern elegant" --domain typography实战案例
场景：旅行App需求
输入：
做一个旅行App，用户可以搜索目的地、查看攻略、预订酒店。阶段1：需求采集
## 核心业务流程
- 🔴 P0 目的地搜索：搜索/筛选/详情
- 🔴 P0 攻略查看：图文/评论/收藏
- 🔴 P0 酒店预订：搜索/预订/支付
## 用户端功能
- 🟡 P1 行程规划：多日行程安排
- 🟡 P1 旅行记录：照片/笔记分享
## 管理端功能
- 🟢 P2 内容审核：攻略/评论审核
- 🟢 P2 数据统计：用户/订单分析阶段2：Feature List
| 模块 | 功能 | 优先级 |
|---|---|---|
| 搜索 | 目的地搜索/筛选 | P0 |
| 攻略 | 查看/评论/收藏 | P0 |
| 预订 | 酒店搜索/预订 | P0 |
阶段3：PRD文档
生成完整PRD，包含功能架构图、业务流程图、详细功能说明。
阶段4：设计系统
python3 scripts/ui-ux-pro-max/search.py "travel mobile app" --design-system -p "旅行App"输出：
- 配色：清新蓝绿色系
- 字体：SF Pro + Inter
- 组件：圆角卡片、渐变按钮
阶段5：原型
生成HTML原型，包含：
- 首页（目的地搜索）
- 详情页（攻略/酒店）
- 个人中心
阶段6：部署
cd prototype && wrangler pages deploy . --project-name=travel-app10分钟内从需求到可访问的原型。
核心价值
1. 速度
从一周到10分钟。
传统流程：开会→整理→写PRD→找设计→等原型→修改（一周+）
PRD Writer：需求输入→自动化输出（10分钟）
2. 质量
标准化模板，不遗漏关键信息。
- 功能架构图
- 业务流程图
- 详细交互逻辑
- 异常处理
- 非功能需求
四角色质量检查，确保多视角审视。
3. 可视化
不是文字描述，是可交互原型。
- 真实体验
- 快速验证
- 易于沟通
4. 一站式
需求采集→文档→设计→原型→部署，全流程自动化。
不需要在多个工具间切换。
适用场景
场景1：新功能设计
产品有新想法，快速出PRD和原型验证。
场景2：需求评审
评审前生成完整PRD，让评审更高效。
场景3：竞品分析
分析竞品功能，快速生成对应PRD。
场景4：内部工具
内部工具需求，快速出原型给团队看。
局限
不是所有场景都适合：
- 需要深度用户研究 — 仍需传统用户调研
- 复杂物理交互 — 原型难以模拟
- 高度定制化设计 — 设计系统推荐仅供参考
适合： 标准化的数字产品需求快速验证。
最后
PRD Writer不是要取代产品经理——
它是让产品经理从重复劳动中解放出来，专注用户洞察和战略思考。
从会议记录到可交互原型，只需一步。
项目地址：https://github.com/FinStep-AI/prd-writer-skill
License: MIT
关注公众号 Fen9Pi，聊聊AI时代的产品工作流。