第14章 构建你自己的 AI 编程工作流
开场:从技能到系统
前 13 章,我们学了很多技能:
- 需求拆解(第 5 章)
- 上下文工程(第 6 章)
- 验证(第 7 章)
- 规格驱动开发(第 9 章)
- 技能包(第 10 章)
- 多 AI 协作(第 11 章)
现在,你要把这些技能组合成你自己的工作流。
单个技能是有用的,但组合起来才是系统。
有了系统,你就能稳定、高效地做出项目。
你会学到什么
- 什么是工作流,为什么重要
- 通用工作流框架
- 不同角色的工作流设计
- 如何建立你自己的系统
第一节:什么是工作流?
工作流就是你做事情的"固定程序"。
比如,每天早上起床:
- 闹钟响了
- 关闹钟
- 起床
- 刷牙
- 洗脸
- 吃早餐
这就是一个工作流。
有了工作流的好处
- 不用每次想"下一步做什么"
- 减少决策疲劳
- 可以持续优化
- 结果更可预期
没有工作流的问题
- 每次都从零开始
- 容易遗漏步骤
- 难以改进
- 结果不稳定
AI 编程也是一样。有工作流和没有工作流,差别巨大。
第二节:通用工作流框架
不管你是什么角色,这个框架都适用。
┌─────────────────────────────────────┐
│ 1. 澄清需求(Brainstorming) │
├─────────────────────────────────────┤
│ 2. 写规格(Spec Writing) │
├─────────────────────────────────────┤
│ 3. 拆任务(Task Breakdown) │
├─────────────────────────────────────┤
│ 4. 执行(Implementation) │
├─────────────────────────────────────┤
│ 5. 验证(Verification) │
├─────────────────────────────────────┤
│ 6. 复盘(Review) │
└─────────────────────────────────────┘
[图 14-1] 通用工作流
图表说明:一个横向流程图,显示 6 个步骤:1.澄清需求(对话图标)→ 2.写规格(文档图标)→ 3.拆任务(清单图标)→ 4.执行(代码图标)→ 5.验证(勾选图标)→ 6.复盘(放大镜图标)。
SVG 生成提示词: "A horizontal workflow diagram with 6 steps: 1. '澄清需求' with chat icon → 2. '写规格' with document icon → 3. '拆任务' with checklist icon → 4. '执行' with code icon → 5. '验证' with checkmark icon → 6. '复盘' with magnifying glass icon. Arrows connect each step."
每一步做什么?
请见表 14-1。
表 14-1 通用工作流步骤说明
| 步骤 | 工具/方法 | 产出 | 时间 |
|---|---|---|---|
| 1. 澄清需求 | Superpowers Brainstorming | 用户故事 | 5-10 分钟 |
| 2. 写规格 | Spec Kit / 手写 | 规格书 | 10-30 分钟 |
| 3. 拆任务 | Plan 模式 / 手动 | 任务列表 | 5-10 分钟 |
| 4. 执行 | Code 模式 / 任何 AI 工具 | 代码 | 30 分钟-数小时 |
| 5. 验证 | 看/问/测 | 验证结果 | 5-10 分钟 |
| 6. 复盘 | 人工 | 经验总结 | 5 分钟 |
第三节:不同角色的工作流
不同角色有不同需求,工作流也应该不同。
产品经理的工作流
特点:偏重需求和沟通,少碰代码
1. 收集需求
└─ 用用户故事澄清
2. 写产品规格
└─ 详细的 PRD
3. 让 AI 生成原型
└─ 用 bolt.new 快速出效果
4. 给团队看
└─ 收集反馈
5. 迭代
└─ 继续用 AI 快速修改
工具组合:
| 阶段 | 工具 |
|---|---|
| 需求澄清 | ChatGPT / Claude |
| 原型生成 | bolt.new / Lovable |
| 原型展示 | Figma / 直接链接 |
设计师的工作流
特点:关注视觉效果和用户体验
1. 设计稿 → AI 代码
└─ v0.dev / Figma AI
2. 迭代修改
└─ 和 AI 对话调整
3. 动效实现
└─ 让 AI 写 CSS/JS 动画
4. 响应式适配
└─ 让 AI 适配不同屏幕
工具组合:
| 阶段 | 工具 |
|---|---|
| 设计稿转代码 | v0.dev / Figma AI |
| 样式调整 | bolt.new / Cursor |
| 动效实现 | ChatGPT / Claude |
创业者/独立开发者的工作流
特点:一个人搞定所有事
1. 想法 → 规格
└─ 第 5 章方法
2. 快速原型
└─ bolt.new
3. 转成项目
└─ Cursor / Claude Code
4. 部署
└─ Vercel / Netlify
5. 收集反馈
└─ 重复第 1 步
工具组合:
| 阶段 | 工具 |
|---|---|
| 需求澄清 | Claude |
| 原型 | bolt.new |
| 开发 | Cursor |
| 部署 | Vercel |
想转行程序员的工作流
特点:边做边学
1. 选择要做的项目
└─ 简单但有学习价值的
2. 让 AI 教你
└─ "解释一下这段代码"
3. 自己改一点
└─ 小改动,理解原理
4. 让 AI 检查
└─ "我这样改对吗?"
5. 逐步增加难度
└─ 慢慢做更复杂的项目
工具组合:
| 阶段 | 工具 |
|---|---|
| 学习 | Cursor + Copilot |
| 练习 | 任何项目 |
| 理解 | Claude(解释代码) |
第四节:建立你自己的工作流
步骤 1:评估你自己
回答这些问题:
1. 我的主要目标是什么?
- 做产品?
- 学编程?
- 提高效率?
2. 我的技术水平?
- 完全零基础
- 有一定基础
- 比较熟练
3. 我喜欢什么交互方式?
- 图形界面
- 命令行
- 对话
4. 我的预算?
- 只用免费工具
- 愿意付费
步骤 2:选择工具组合
根据你的回答,选择工具。
请见表 14-2。
表 14-2 工具组合选择指南
| 水平 | 目标 | 推荐工具 |
|---|---|---|
| 零基础 | 快速做东西 | bolt.new |
| 零基础 | 学编程 | Cursor |
| 有基础 | 做产品 | Cursor + Vercel |
| 有基础 | 学深度编程 | Claude Code |
| 熟练 | 最大效率 | 定制工作流 |
步骤 3:定义你的流程
写下来:
我的工作流:
1. 需求澄清:用 __________
2. 规格撰写:用 __________
3. 快速原型:用 __________
4. 正式开发:用 __________
5. 测试验证:用 __________
6. 部署上线:用 __________
步骤 4:试运行
用这个小项目测试你的工作流:
做一个简单的个人主页:
- 自我介绍
- 联系方式
- 几个作品链接
看看流程顺畅吗?有需要调整的地方吗?
步骤 5:持续优化
每做完一个项目,问自己:
哪一步最耗时?
哪一步最容易出错?
哪一步最让人困惑?
然后优化它。
第五节:工作流的常见陷阱
陷阱 1:工具太多
症状:
工具链太长,A 的输出要转成 B 的格式...
解决:
减少工具数量,一个工具做多种事。
陷阱 2:流程太复杂
症状:
每次要做很多步骤,记不住。
解决:
简化流程,合并步骤。
陷阱 3:不适应变化
症状:
工具变了,工作流不能用了。
解决:
工作流基于"原则",不是"具体工具"。
第六节:我的个人工作流分享
作为一个 AI 辅助作者,我的工作流是:
1. 写作
└─ 直接用 Claude 写
2. 修改
└─ 继续和 Claude 对话修改
3. 代码示例
└─ 让 Claude 生成并测试
4. 格式调整
└─ 手动调整 Markdown
5. 最终检查
└─ 读一遍,改错别字
简单,但有效。
[图 14-2] 简化的工作流
图表说明:5个步骤的循环流程:写作 → 修改 → 代码示例 → 格式调整 → 最终检查 → 回到写作。显示这是一个迭代循环的过程。
SVG 生成提示词: "A circular workflow with 5 steps: 写作 → 修改 → 代码示例 → 格式调整 → 最终检查 → 回到写作. Show this as an iterative cycle with curved arrows."
本章小结
这一章,我们学习了"构建个人工作流"。
核心观点:最好的工作流是适合你的工作流。不需要最复杂,只需要最有效。
我们介绍了:
- 什么是工作流:固定程序,减少决策疲劳
- 通用工作流框架:澄清→规格→任务→执行→验证→复盘
- 不同角色的工作流:产品经理、设计师、创业者、学习者
- 建立工作流的五个步骤:评估→选择→定义→测试→优化
要点回顾请见表 14-3。
表 14-3 工作流要点回顾
| 步骤 | 要点 |
|---|---|
| 评估 | 了解自己的目标和水平 |
| 选择 | 选对工具组合 |
| 定义 | 写下你的流程 |
| 测试 | 用小项目验证 |
| 优化 | 持续改进 |
记住:
最好的工作流,是你愿意用、经常用的那个。
不需要最复杂,只需要最有效。
工作流会变化,这很正常。
在下一章,我们会讨论"安全、成本与伦理"——AI 编程的"阴暗面"和应对方法。
本章字数:约 10,000 字