首页 › LLM大语言模型 › Claude专栏 › 从需求到实现:用Claude code优化产品工作流

从需求到实现:用Claude code优化产品工作流

一、Claude Code 是什么?为什么 PM 应该关注?​

​

Claude Code 是 Anthropic 推出的 AI 编程代理,直接运行在你的终端中,能够:​

​

​

飞书文档 - 图片

​

​

✏️

产品经理的优势转变:PM 一直擅长 “做什么(what)” 和 “为什么(why)”,现在有了 AI 编程工具,你也可以部分拥有 “怎么做(how)”。​

​

二、快速安装与配置​

三、PM 必学的 6 大实战用例(含详细案例)​

🔥 用例 1:PRD → Prototype(PRD 到原型流水线)​

​

实战案例:电商平台的"限时秒杀"功能​

假设你是一名电商产品经理,需要快速验证一个新的"限时秒杀"功能:​

​

Step 1:编写 PRD(Markdown 格式)​

​

代码块​

JSON

限时秒杀功能 PRD​

​

功能概述​

在首页增加一个限时秒杀模块,展示当前正在进行的秒杀商品。​

​

核心需求​

倒计时组件:显示距离秒杀结束的剩余时间(时:分:秒)​

商品卡片:展示商品图片、名称、原价、秒杀价、已售进度条​

抢购按钮:点击后跳转下单页,库存不足时置灰​

响应式:适配移动端和桌面端​

​

交互细节​

倒计时每秒刷新,归零时自动切换为"已结束"状态​

进度条根据 sold / total 计算百分比​

鼠标悬停商品卡片时有轻微放大效果​

​

数据格式​

{​

"productName": "iPhone 15 Pro",​

"originalPrice": 8999,​

"seckillPrice": 7999,​

"stock": 100,​

"sold": 67,​

"endTime": "2026-02-14T20:00:00Z"​

}​

​

Step 2:让 Claude Code 生成原型​

​

代码块​

Plain Text

claude​

​

​

基于我写的 PRD(docs/seckill-prd.md),创建一个可运行的 React 原型。使用 mock 数据展示 3 个秒杀商品,样式使用 Tailwind CSS,倒计时需要真实运行。​

​

Step 3:Claude Code 的执行过程​

​

📍

读取 PRD 文件,理解需求​

创建 src/components/SeckillModule.jsx 组件​

实现倒计时逻辑(使用 useEffect + setInterval)​

​

Step 4:20 分钟后,你看到的效果​

​

👍

•

✅ 首页展示了 3 个秒杀商品卡片​

•

✅ 倒计时实时刷新(时:分:秒)​

•

✅ 进度条显示已售比例(如 67%)​

•

✅ 悬停时有放大动画效果​

•

✅ 手机端和电脑端都能正常显示​

​

Step 5:分享与验证​

​

录屏发到 Slack,团队成员可以直接看到交互效果,提出改进建议:​

​

​

🏆

•

“进度条颜色可以从蓝色改为红色,更有紧迫感”​

•

“倒计时结束后,建议自动刷新展示下一场秒杀”​

​

​

💡 价值点:原本需要排期 1-2 周的前端开发,现在 20 分钟就能看到可交互的原型,大大提高了决策效率。​

​

​

🔍 用例 2:代码库探索(Codebase Exploration)​

实战案例:新入职 PM 快速理解订单系统​

​

假设你刚入职一家电商公司,需要快速了解订单系统的核心逻辑:​

​

场景 1:理解订单状态流转​

​

代码块​

Plain Text

claude​

切换到 Plan Mode(Shift + Tab)​

​

​

我是新入职的产品经理,请帮我理解订单系统的状态流转。从用户下单开始,到订单完成或取消,每个状态变化涉及哪些关键代码?请列出主要的状态值和对应的业务逻辑文件。​

​

Claude Code 的回答示例:​

​

代码块​

Markdown

订单状态流转分析:​

​

1. 状态定义(src/constants/orderStatus.js)​

- PENDING_PAYMENT: 待支付(创建订单后初始状态)​

- PAID: 已支付(支付回调成功后)​

- PROCESSING: 处理中(仓库开始拣货)​

- SHIPPED: 已发货(物流单号回传)​

- DELIVERED: 已送达(物流签收)​

- COMPLETED: 已完成(用户确认收货或7天自动完成)​

- CANCELLED: 已取消(用户取消或超时未支付)​

​

2. 关键状态转换逻辑:​

- PENDING_PAYMENT → PAID​

* 触发:src/services/paymentCallback.js 第 45-78 行​

​

场景 2:定位优惠券计算逻辑​

​

我想了解优惠券的折扣计算逻辑。用户在结算页使用优惠券时,系统是如何计算最终应付金额的?请找出相关代码并解释计算顺序。​

​

Claude Code 的回答示例:​

​

代码块​

Plain Text

优惠券计算逻辑分析(src/services/checkout/calculation.js):​

​

计算顺序(第 56-98 行):​

计算商品原价总和(subtotal)​

应用商品级优惠(如满减、折扣)​

计算运费(根据第 3 步后的金额判断是否包邮)​

应用订单级优惠券(coupon)​

满减券:判断订单金额是否满足门槛​

折扣券:按比例计算折扣金额​

注意:优惠券不抵扣运费(第 78 行注释说明)​

计算积分抵扣(如有)​

最终应付金额 = 商品金额 + 运费 - 优惠券 - 积分​

​

关键边界情况处理:​

优惠券过期校验:src/middleware/couponValidation.js 第 23 行​

不可叠加使用:同类型优惠券只能选一张(第 45 行)​

​

​

💡 价值点:新 PM 无需打扰开发同学,就能在 10 分钟内理解核心业务逻辑,更快进入工作状态。​

​

​

📊 用例 3:数据分析(Data Analysis)​

​

实战案例:分析用户行为漏斗​

场景:产品迭代效果评估​

​

假设你刚上线了一个新的注册流程,需要分析转化漏斗,找出流失环节:​

Step 1:准备数据(user_funnel_data.csv)​

​

代码块​

Plain Text

user_id,event,step,timestamp,device​

U001,page_view,1,2026-02-01T09:00:00,ios​

U001,click_start,2,2026-02-01T09:00:15,ios​

U001,input_phone,3,2026-02-01T09:00:45,ios​

U001,input_verify,4,2026-02-01T09:01:10,ios​

U001,complete,5,2026-02-01T09:01:30,ios​

U002,page_view,1,2026-02-01T09:05:00,android​

U002,click_start,2,2026-02-01T09:05:10,android​

U002,input_phone,3,2026-02-01T09:05:40,android​

...​

​

Step 2:让 Claude Code 分析​

​

代码块​

Plain Text

claude​

​

​

分析这个 user_funnel_data.csv,帮我:​

计算每个步骤的转化率和流失率​

识别流失最严重的环节​

​

​

Step 3:Claude Code 的分析结果​

注册漏斗分析报告​

1. 整体转化漏斗​

​

​
步骤​
​
​
事件​
​
​
用户数​
​
​
步骤转化率​
​
​
累计转化率​
​
​
1​
​
​
页面访问​
​
​
10,000​
​
​
100%​
​
​
100%​
​
​
2​
​
​
点击开始注册​
​
​
6,500​
​
​
65%​
​
​
65%​
​
​
3​
​
​
输入手机号​
​
​
4,200​
​
​
64.6%​
​
​
42%​
​
​
4​
​
​
输入验证码​
​
​
2,800​
​
​
66.7%​
​
​
28%​
​
​
​
​
​
​
​
​
​
​
​

​

2. 关键发现​

​

🔴 最大流失点:Step 2 → Step 3(点击开始注册到输入手机号)​

​

•

流失率:35.4%(2,300 用户)​

•

原因推测:可能是手机号输入界面设计问题,或用户犹豫提供手机号​

3. 设备类型对比​

​

​
步骤​
​
​
iOS 转化​
​
​
Android 转化​
​
​
Web 转化​
​
​
1→2​
​
​
72%​
​
​
58%​
​
​
65%​
​
​
2→3​
​
​
68%​
​
​
61%​
​
​
65%​
​
​
3→4​
​
​
71%​
​
​
63%​
​
​
65%​
​
​
4→5​
​
​
65%​
​
​
55%​
​
​
60%​
​

​

Android 端整体转化率明显低于 iOS,需重点优化。​

4. 优化建议​

优化 Step 2→3 流失​

​

💡

•

在"点击开始注册"按钮前增加价值说明(如"仅需30秒")​

•

提供第三方登录选项(微信/QQ),减少手机号输入门槛​

​

提升 Android 端体验​

​

💡

•

检查 Android 端的验证码自动填充功能是否正常​

•

针对 Android 各机型做兼容性测试​

​

缩短整体流程​

​

🥖

•

考虑将 Step 3 和 Step 4 合并为一屏(手机号+验证码一起输入)​

​

场景 2:Bug 严重度分析​

​

分析这个 bug_report.csv,为 Top 20 bug 构建严重度/频次矩阵,并给出修复优先级建议。​

​

数据示例(bug_report.csv):​

​

代码块​

Plain Text

bug_id,title,severity,report_count,affected_users,component​

B001,支付超时未提示,high,156,3400,payment​

B002,购物车数量不更新,medium,89,1200,cart​

B003,首页白屏,high,234,5600,home​

...​

​

Claude Code 输出:​

​

代码块​

Plain Text

​

​

💡 价值点:原本需要写 SQL 或 Excel 透视表的分析工作,现在几分钟就能得到专业的数据洞察和可视化建议。​

​

​

📄 用例 4:文档自动化(Documentation Automation)​

​

实战案例:从 PRD 自动生成 Jira Tickets​

场景:需求评审后的任务拆分​

​

Step 1:PRD 内容​

​

代码块​

Plain Text

会员积分系统 PRD​

​

功能 1:积分获取​

用户每消费 1 元获得 1 积分​

​

Step 2:生成 Jira Tickets​

•

基于这份 PRD,生成标准的 Jira Tickets。​

•

每个功能点拆分为独立 ticket,包含:标题、描述、验收标准、故事点估算、关联的 Epic(积分系统迭代1)。​

•

输出格式为 Markdown 表格,方便直接复制到 Jira。​

​

Step 3:Claude Code 生成的 Tickets​

Jira Tickets 生成结果​

Epic: 会员积分系统迭代1​

​

​
Ticket ID​
​
​
标题​
​
​
类型​
​
​
故事点​
​
​
描述​
​
​
验收标准​
​
​
POINTS-001​
​
​
​
【后端】实现消费积分计算逻辑​
​
​
Task​
​
​
3​
​
​
开发用户消费后自动计算并发放积分的后端逻辑​
​
​
1. 用户完成订单支付后,按 1元=1积分 规则发放积分<br>2. 积分发放记录在积分明细表<br>3. 订单退款时扣回相应积分​
​
​
POINTS-002​
​
​
【后端】实现每日签到积分发放​
​
​
Task​
​
​
2​
​
​
开发用户每日签到获得10积分的接口​
​
​
1. 用户每天首次签到获得10积分<br>2. 同一天多次签到只发一次<br>3. 连续签到7天额外奖励20积分​
​
​
POINTS-003​
​
​
【后端】实现分享积分发放接口​
​
​
Task​
​
​
2​
​
​
开发用户分享商品获得积分的接口​
​
​
1. 用户分享成功后获得20积分<br>2. 同一用户每日限领1次<br>3. 分享记录需关联具体商品​
​
​
POINTS-004​
​
​
【后端】积分抵扣现金逻辑​
​
​
Task​
​
​
5​
​
​
开发结算页使用积分抵扣现金的计算逻辑​
​
​
1. 100积分=1元,向下取整<br>2. 积分不可抵扣运费<br>3. 积分抵扣后订单金额不能为0<br>4. 退款时按比例返还积分​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​

​

依赖关系​

​

🥛

•

POINTS-004 依赖 POINTS-001(抵扣需先有积分)​

•

POINTS-008 依赖 POINTS-004(前端抵扣依赖后端逻辑)​

•

POINTS-006、007 依赖 POINTS-001、002、003(展示需先有数据)​

​

迭代计划​

​

🐵

•

Sprint 1(2周):POINTS-001 至 POINTS-005(后端核心)​

•

Sprint 2(2周):POINTS-006 至 POINTS-010(前端+测试)​

​

场景 2:自动生成发布说明(Release Notes)​

​

基于本周合并的 PR 列表(git log --oneline --since="1 week ago"),生成一份用户友好的发布说明,突出对用户的价值,而不是技术细节。​

​

Claude Code 输出:​

​

代码块​

Plain Text

🚀 V2.5.0 版本发布说明(2026-02-13)​

✨ 新功能​

【积分系统上线】​

购物可累积积分,100积分=1元,下次购物直接抵扣现金​

每日签到领积分,连续7天还有额外奖励​

积分详情一目了然,随时查看收支明细​

【购物车优化】​

​

​

💡 价值点:从 PRD 到开发任务拆分,从代码提交到发布说明,Claude Code 能大幅减轻 PM 的文档工作负担。​

​

​

🎤 用例 5:用户研究综合(User Research Synthesis)​

实战案例:用户访谈后的洞察提炼​

场景:新产品方向调研​

​

你进行了 8 场用户访谈,了解用户对"社区团购"功能的需求,需要快速提炼关键洞察:​

​

Step 1:准备访谈记录(interviews.txt)​

​

代码块​

JSON

用户A(30岁,上班族):​

"平时工作很忙,没时间买菜,希望周末能集中采购"​

"担心团购的商品不新鲜,还是喜欢自己去超市挑"​

"如果邻居都买,我会更愿意尝试"​

​

Step 2:让 Claude Code 综合提炼​

​

我进行了 8 场关于"社区团购"需求的用户访谈,以下是访谈记录。请帮我:​

提取共性主题和核心痛点​

识别不同用户群体的差异化需求​

提炼产品机会点​

输出一份结构化的用户洞察报告​

​

Step 3:Claude Code 的分析结果​

​

代码块​

JSON

社区团购用户洞察报告​

​

​

💡 价值点:原本需要一整天整理访谈记录、画 affinity diagram 的工作,现在几分钟就能得到结构化的洞察报告,且不会遗漏关键信息。​

​

🔌 用例 6:面向 PM 的 MCP 集成​

实战案例:Jira + Slack 自动化工作流​

场景:需求变更的自动同步​

​

通过 MCP 集成,Claude Code 可以成为你连接各个工具的"智能中枢":​

​

案例 1:PRD 变更自动更新 Jira​

​

代码块​

Plain Text

​

​

读取 docs/payment-prd-v2.md,对比其中"支付流程"章节与 Jira 中 Epic “PAY-202” 下的所有 tickets,找出需要更新的 tickets,并生成更新建议清单。​

​

Claude Code 执行流程:​

通过 MCP 读取本地 PRD 文件​

通过 MCP 查询 Jira API,获取 Epic PAY-202 下的所有 tickets​

对比 PRD 中的需求点与现有 tickets 的覆盖情况​

输出差异分析:​

​

代码块​

Plain Text

PRD 与 Jira Tickets 对比分析​

新增需求(PRD 中有,Jira 中无)​

支持花呗分期付款​

建议新建 Ticket:PAY-215【支付】花呗分期接入​

故事点:5​

​

​

四、产品经理需要知道的局限性​

⚠️ 1. 复杂度天花板​

​

简单工作流能立刻产出价值,但复杂的多文件改动需要:​

​

​

📌

•

熟练使用 /clear 和 /compact 管理上下文​

•

缩小 Prompt 作用域​

•

理解代码库结构​

•

典型曲线:一开始进展爆发式,随后进入学习曲线。​

​

⚠️ 2. MCP 稳定性​

​

MCP servers 经常断开并需要重新认证,需要预期一定的配置摩擦。​

​

⚠️ 3. 编辑阶段需要代码库意识​

​

AI 输出能让你很快到 80%,最后 20% 需要:​

​

​

🏖️

•

对照团队约定审查变更​

•

识别与代码库其他部分冲突的逻辑​

•

捕捉边界情况​

•

建议工作方式:用 Claude Code 生成 + 与工程师一起 review​

​

⚠️ 4. 单人工具限制​

Claude Code 运行在你的机器上、终端里:​

​

🍰

•

每次会话"从头开始"​

•

缺少与设计师共享进度的内建能力​

•

无法给干系人展示预览​

•

工作交接不够无缝​

​

​

五、从单人 PM 扩展到团队:Builder.io​

Builder.io 是 agentic development platform,将 Claude Code 的单人能力扩展成团队级工作流:​

​

​
功能​
​
​
说明​
​
​
💬 Slack 原生工作流 ​
​
​
在 Slack 里 @Builder.io 提需求并审批​
​
​
🎫 Jira/Linear 集成​
​
​
​
Ticket 直接分配给 Builder bot,自动实现并开 PR​
​
​
👥 基于角色的协作​
​
​
PM 视觉验证 → 开发 review & merge​
​
​
​
​
​
​
​
​
​

​

总结:​

​

Claude Code = PM 做原型与探索​

Builder.io = 团队协作并交付生产代码​

​

​

六、FAQ 常见问题​

​

Q1:没有编码经验的 PM 能用吗?​

​

​

🎼

可以。Claude Code 接受自然语言 Prompt。但理解基础概念(文件、文件夹、git)会带来更高收益。​

​

​

Q2:Claude Code 和 Cursor 的区别?​

​

​

🌰

Claude Code 在终端运行,更擅长文档处理、代码库探索和 MCP 集成;Cursor 是完整 IDE,界面更可视化。​

​

​

七、开始动手(Start Building)​

​

Claude Code 让产品经理直接"触达代码库":​

​

​

🚅

•

✅ PRD 变成原型​

•

✅ 代码探索用自然语言完成​

•

✅ 数据分析压缩到分钟级​

​

​

建议入门步骤:​

​

安装 Claude Code​

写一个 CLAUDE.md 描述你的产品​

用 Plan Mode 安全探索你的代码库​

选一个 PRD,把它做成可运行原型​

​

​

✍️

当团队准备好,再用 Builder.io 把 PM、设计与工程拉到一个协作空间里,通过 Slack 原生工作流与 live previews 一起交付生产代码。​

​

​

​

​