产品经理用 AI 跑通「需求→原型→PRD→自动部署」全流程:20 个原型的实战复盘

产品经理用 AI 跑通「需求→原型→PRD→自动部署」全流程:20 个原型的实战复盘

AI 工具人 PM 的实战笔记:不教理论,只分享我亲手跑通的完整流水线。从一句口述需求,到线上可点的原型,全程我只做「判断」,AI 做「执行」。


起因:PM 的时间都耗在了「翻译」上

我是一个 SaaS 产品的产品经理,有技术背景。传统 PM 的一天是这样的:

  1. 想清楚需求 → 2 小时
  2. 把需求「翻译」成原型 → 画 Axure/墨刀,3 小时
  3. 把原型「翻译」成 PRD → 补字段、补边界,3 小时
  4. 把 PRD「翻译」给研发 → 评审、答疑、改稿,N 小时

真正有价值的「想清楚」只占 20%,剩下 80% 都是重复劳动。

更糟的是反馈慢:原型画完要导出发给 stakeholder,对方看完再约会议,一轮下来两三天。

所以我想:能不能把这 80% 交给 AI,我只做判断?

跑了两个多月,20 个原型、47 篇 PRD/spec 文档、按月份自动归档、一条命令部署上线。这篇文章把整条流水线拆开讲,每一步都给真实命令和踩坑。


先看全貌:五步流水线

arduino 复制代码
口述需求
   ↓ ① 拆需求(结构先行,不急着写)
页面清单 + 跳转关系 → 等我确认
   ↓ ② 分析(决策索引 + 双向链接)
问题定义 + 关键改动,沉淀进知识库
   ↓ ③ 画原型(单文件 HTML,5 分钟可跑)
高保真可点击,按月归档
   ↓ ④ 写 PRD(五段模板,缺一不可)
背景/方案/交互/指标/开放问题
   ↓ ⑤ 自动部署(一条命令上线)
npm run deploy → 增量上传 + 生成首页 + 回写索引

核心原则:每一步都是「AI 先给结构 → 我做判断 → AI 再执行」。我永远不在没确认结构前让它写细节。


① 拆需求:先给结构,确认后再写细节

这是最容易翻车的一步。AI 最擅长「一上来就写 500 行」,但没确认结构的细节都是浪费。

我的硬规则(写进项目的 CLAUDE.md,让 AI 每次开工前先读):

任何输出必须先给结构再给细节。禁止一次性输出未经确认的长内容。

实际对话长这样

markdown 复制代码
我:客户侧要做一个 AI 工具管理,能浏览技能、装/卸/更新、开关
AI:先给结构。页面清单:
    1. 技能市场首页(三 Tab:已安装/发现/更新)
    2. 技能详情页
    3. 上传技能包弹窗
    跳转关系:首页→详情→(安装/卸载/配置)
    确认后我生成原型。
我:确认,但「更新」Tab 要显示版本号对比
AI:收到,补进结构,开始生成。

为什么有效:结构层级的修改成本是 1,细节层级的修改成本是 100。把返工挡在最便宜的阶段。

踩坑:早期我没立这条规则,AI 一次写完 800 行原型,我要改一个跳转逻辑,等于全篇重写。后来立了「结构先行」,返工率断崖式下降。


② 分析:决策索引 + 双向链接,让经验能查回来

PM 最痛的不是做决策,是三个月后忘了当时为什么这么决策

我的解法:每个需求建一份「决策索引」,并且在 Obsidian 里做领域判断的双向链接。

决策索引记三件事

字段 作用
问题定义 这个需求到底解决谁的什么痛点
关键改动 每次迭代改了什么、为什么
推翻的假设 当时以为对、后来证明错的判断

真实命令(脚本化,不靠手记):

bash 复制代码
# 给新需求建决策索引
node scripts/create-requirement-decision.js <feature-slug>

# 批量回填历史需求
node scripts/create-requirement-decision.js --backfill

# 重新生成需求总表
node scripts/generate-requirements-index.js

价值 :写这篇文章时,我能直接查回两个月前「某个功能为什么从 v1 演进到 v2」,而不是凭记忆瞎编。经验只有能查回来,才算真的沉淀了。


③ 画原型:单文件 HTML,5 分钟可点

这是整条流水线最爽的一环。我彻底放弃了 Axure/墨刀,改用 AI 生成单文件 HTML 原型

为什么选 HTML 而不是原型工具

对比 Axure/墨刀 单文件 HTML
保真度 高(真实 CSS/JS)
可交互 有限 按钮能点、表单能填、流程能走完
分享 导出/链接受限 部署后一个 URL 即点即看
修改 拖拽重画 改代码,AI 秒级重生成

我的硬规则

任何原型必须 5 分钟内可运行------单文件、无构建步骤、无 npm install。

目录约定(按月份归档,便于回溯):

yaml 复制代码
prototypes/
  2026-06/
    some-feature-v2/            # 大型原型:拆成 index.html + style.css + main.js
    admin-tool-management-v1.html      # 小型原型:单文件
  2026-07/
    image-management-v1/
    customer-tool-management-v1.html

增量交付(憋大招是反模式) :大文件绝不一次写完。先写 <!DOCTYPE html> 骨架(几十行),再分块用 Edit 追加,每加一块浏览器打开自检一次。超过 500 行必须拆模块。

踩坑:原型里禁止占位图(placeholder.com),用 CSS 几何图形或真实素材;颜色必须从设计系统提取,禁止写死十六进制。


④ 写 PRD:五段模板,缺一不可

原型确认后,PRD 是「从截图反推文档」,而不是凭空写。

我的五段模板(硬性要求,少一段打回):

markdown 复制代码
## 背景与问题(Problem)
- 目标用户、痛点、至少 3 条数据/访谈证据

## 方案概述(Solution)
- 核心功能一句话 + 流程图(Mermaid)或原型链接

## 交互细节(Interaction)
- 页面清单与跳转、关键字段(默认值/校验/错误文案)
- 边界情况:空状态、加载态、弱网、权限不足

## 成功指标(Metrics)
- 北极星指标或功能使用率、预期提升、追踪周期

## 开放问题(Open Questions)
- 待确认的技术可行性或政策风险

关键约束:禁止只写 happy path。每个输入字段注明类型/必填/长度/校验/错误提示;每个按钮注明主次/禁用条件/点击反馈;边界清单至少列 3 条(空数据、超长文本、弱网、未登录、无权限、并发)。

流程 :Markdown 预览 → 我确认 → 脚本生成 Word 终稿(scripts/build-prd-docx.js)。


⑤ 自动部署:一条命令,原型上线

这是把「分享成本」打到接近零的一步。以前原型画完要手动传服务器、改首页,现在一句话搞定。

实际命令

bash 复制代码
npm run deploy   # = node deploy/sync.js

这条命令背后做了 6 件事

markdown 复制代码
1. 扫描本地原型(自动把散落的 HTML 归档到当前月份文件夹)
2. 解析每个原型的 <meta>:标题/分类(mobile/desktop)/描述
3. 自动生成首页 index.html(按月归档 + 分类筛选 + 卡片网格)
4. SSH 连接服务器,SFTP 增量上传(MD5 校验,内容没变就跳过)
5. 上传首页
6. curl 验证:首页 HTTP 200 + 原型卡片数

真实输出(脱敏):

yaml 复制代码
== 4. 增量上传 ==
  ⏭ 跳过 2026-06/admin-tool-management-v1.html(远程文件内容相同)
  ↑ 上传 2026-07/customer-tool-management-v1.html (54.5 KB)
== 6. 验证 ==
  首页 HTTP: 200
  首页原型数据条数: 21
✅ 同步完成:上传 1 个,跳过 20 个
   访问地址:https://你的域名/

最妙的是联动:部署成功后,脚本会检测「这个原型有没有建决策索引」,没有就提示我补------把第②步和第⑤步串成了闭环。

踩坑 :云服务器安全组按客户端出口 IP 放行 22 端口,WiFi 一切换白名单就失效。解法:curl ifconfig.me 拿当前 IP,加进安全组,重跑 deploy。别用端口预检,直接跑脚本以实际 SSH 结果为准。


两个月跑下来的真实数据

不靠感觉,直接看数:

  • 20 个 HTML 原型(14 电脑端 + 6 移动端),全部线上可点
  • 47 篇 PRD/spec 文档
  • 2 个月份自动归档目录
  • 1 条部署命令,平均增量上传 < 1 分钟
  • 每个需求都有决策索引,可回溯「当时为什么这么定」

时间分配的变化

阶段 传统 现在
想清楚需求 20% 60%
画原型 30% 15%(AI 生成,我调)
写 PRD 30% 15%(原型反推)
部署分享 20% ~0%(一条命令)

我把省下来的 80% 时间,全部投到了「想清楚需求」这件事上------这才是 PM 真正该干的活。


五条可复用的经验

如果你也想搭这套流水线,这五条是我踩坑换来的:

  1. 结构先行:永远让 AI 先给结构,确认后再写细节。返工成本随阶段指数级上升。
  2. 经验要能查回来:决策索引不是形式主义,是三个月后救你的东西。脚本化,别靠手记。
  3. 原型选 HTML 不选工具:可交互、可分享、AI 改起来快。单文件、5 分钟可跑是底线。
  4. PRD 拒绝 happy path:五段模板 + 边界清单是硬约束,少一条打回。
  5. 把分享成本打到零:自动化部署不是锦上添花,是让你愿意持续输出的前提。分享成本高,再好的东西也烂在本地。

写在最后

这套流水线的本质,不是「用 AI 替代 PM」,而是把 PM 从重复劳动里解放出来,去做只有人能做的判断

AI 负责「执行」------画原型、写文档、传服务器;我负责「判断」------这个需求该不该做、结构对不对、决策有没有推翻旧假设。

工具人 PM 的第二篇实战,讲的是「我怎么用 AI 跑通从需求到上线的完整闭环」。

还是那句:不教理论,只分享我亲手跑通的方法。


欢迎交流:如果你也在用 AI 重构 PM 工作流,或者对 Claude Code、原型自动化、PRD 标准化感兴趣,欢迎评论区交流。这套流水线的每个环节我都在持续迭代,后续会分享更多踩坑实录。


上一篇:产品经理用 AI 实现掘金/知乎平台文章一键发布:完整踩坑实录