第 3 章：技法 —— 与 AI 对话的艺术
章节定位：本章是 Vibe Coding 的核心技能章节，从”会说话”到”说对话”，帮助读者掌握与 AI 高效沟通的方法论和实操技巧。
来自 @Alvin0617 的 KERNEL 原则：这是 Prompt 工程的黄金法则。
从”想清楚”到”说明白”
在第二章，我们学会了想清楚——用产品经理的思维工具（JTBD、逆向思维、减法思维、故事思维、灵魂三问）梳理需求，明确要做什么、为谁做、为什么做。
本章，我们要学说明白——把想清楚的东西，用 AI 能理解的方式表达出来。
这两章的关系是：
| 章节 | 核心任务 | 比喻 |
|---|---|---|
| 第二章 心法 | 想清楚做什么 | 写好剧本 |
| 第三章 技法 | 说明白让 AI 做 | 导演指挥 |
没有第二章的思考，第三章的技巧是空中楼阁；没有第三章的表达，第二章的思考无法落地。
3.1 KERNEL 原则：Prompt 工程的黄金法则
来自 @Alvin0617 的总结，6 个核心原则：
| 字母 | 原则 | 说明 |
|---|---|---|
| K | Keep it simple | 简单直接，不要绕弯子 |
| E | Easy to verify | 结果要可验证 |
| R | Reproducible | 可复现，结构化 |
| N | Narrow scope | 范围要小，一次只做一件事 |
| E | Explicit constraints | 明确约束条件 |
| L | Logical structure | 逻辑清晰 |
K：Keep it simple - 简单直接
| ❌ 错误 | ✅ 正确 |
|---|---|
| ”帮我做一个很酷的东西，就是那种很现代的感觉，你懂的" | "帮我做一个暗黑模式的待办清单网页" |
| "写一个能处理数据的程序，越快越好" | "写一个 Python 脚本，读取 CSV 文件，按日期排序输出” |
E：Easy to verify - 结果可验证
| ❌ 错误 | ✅ 正确 |
|---|---|
| ”写得好看一点" | "标题 24px，正文 16px，蓝色主题" |
| "优化一下性能" | "首屏加载时间控制在 1 秒内” |
R：Reproducible - 可复现
| ❌ 错误 | ✅ 正确 |
|---|---|
| ”按照你之前说的做" | "按以下步骤执行：1. 读取文件 2. 解析 JSON 3. 输出 CSV" |
| "像上次那样" | "使用 React + Tailwind，组件结构如下：…” |
N：Narrow scope - 范围小
| ❌ 错误 | ✅ 正确 |
|---|---|
| ”帮我做一个完整的电商网站" | "帮我做一个产品列表页面，显示 10 个商品卡片" |
| "做一个 AI 助手" | "做一个能回答天气问题的 Telegram 机器人” |
E：Explicit constraints - 明确约束
| ❌ 错误 | ✅ 正确 |
|---|---|
| ”不要用太复杂的代码" | "使用原生 JavaScript，不使用任何框架，代码不超过 100 行" |
| "界面要好看" | "使用 Tailwind CSS，暗黑模式，蓝色主题色 #3B82F6” |
L：Logical structure - 逻辑清晰
| ❌ 错误 | ✅ 正确 |
|---|---|
| ”还要支持用户登录啊，然后呢，数据要保存，还有…" | "需求：\n1. 用户登录\n2. 保存数据到本地存储\n3. 显示用户历史记录\n优先级：1 > 2 > 3” |
3.2 黄金 Prompt 模板
模板 1：基础需求型
帮我做一个[项目类型]：
需求：
1. [功能描述]
2. [功能描述]
3. [功能描述]
要求：
- [技术栈/约束]
- [设计风格]
- [其他要求]
示例：
帮我做一个待办清单网页：
需求：
1. 输入框添加新任务
2. 点击完成任务
3. 删除任务
要求：
- 使用 React + Tailwind CSS
- 暗黑模式优先
- 数据保存到 localStorage
模板 2：完整项目型
项目：[项目名称]
目标用户：[谁会用]
解决什么问题：[核心需求]
功能列表：
1. [功能1] - 优先级：高
2. [功能2] - 优先级：中
3. [功能3] - 优先级：低
技术栈：
- 前端：[框架]
- 样式：[CSS 方案]
- 数据：[存储方案]
约束：
- [约束1]
- [约束2]
模板 3：修复 Bug 型
我的项目路径是：[项目名]
当前问题：
[描述问题/粘贴报错]
预期结果：
[描述你想要的效果]
请按以下步骤帮我修复：
1. 分析问题根因
2. 给出最小改动方案
3. 告诉我如何验证
3.3 与 AI 高效对话的技巧
技巧 1：一次只做一件事
| ❌ 一次问太多 | ✅ 分开问 |
|---|---|
| ”帮我做登录、注册、数据展示、导出功能” | 先做登录 → 完成后做注册 → … |
技巧 2：给 AI 上下文
| ❌ 没有上下文 | ✅ 有上下文 |
|---|---|
| ”这段代码报错" | "在 React 项目中，这段获取数据的代码报错：" |
| "帮我优化" | "在保持功能不变的前提下，优化这个函数的性能” |
技巧 3：用 AI 帮你写 Prompt
最好的 Prompt 技巧是：让 AI 帮你优化 Prompt。
我想做一个[项目]，帮我写一个详细的 Prompt，我要发给另一个 AI 来生成代码。
技巧 4：迭代式提问
第一轮：给一个粗略的需求 第二轮：根据 AI 的回复，调整和细化 第三轮：继续优化，直到满意
技巧 5：使用引用
当 AI 忘记之前的内容时：
继续我们之前的[项目]，上次说到[具体内容]，现在继续...
3.4 常见错误与修正
错误 1：需求不明确
| ❌ | ✅ |
|---|---|
| “帮我做一个 APP" | "帮我做一个记账 APP，支持记录支出、收入、查看月度统计” |
错误 2：没有约束
| ❌ | ✅ |
|---|---|
| “做个漂亮的界面" | "用 Tailwind CSS，蓝色主题色 #3B82F6，rounded-xl 卡片风格” |
错误 3：一次问太多
| ❌ | ✅ |
|---|---|
| “帮我做一个完整的电商网站" | "先帮我做一个商品列表页面” |
错误 4：不检查进度
| ❌ | ✅ |
|---|---|
| “做完才看结果" | "每完成一个功能就预览，确认方向正确” |
3.5 实战练习
练习 1：用 KERNEL 原则优化 Prompt
原始 Prompt：
帮我做一个很酷的网页
优化后：
帮我做一个个人主页网页：
需求：
1. 顶部显示我的名字和头像
2. 中间展示我的技能标签
3. 底部有联系方式
要求：
- 使用 React + Tailwind CSS
- 暗黑模式
- 响应式设计，手机和电脑都能看
- 技能标签用彩色胶囊样式
练习 2：用模板写 Prompt
目标：做一个天气预报小程序
用模板写：
项目：天气预报小程序
目标用户：普通人
解决什么问题：快速查看当地天气
功能列表：
1. 显示当前温度和天气 - 优先级：高
2. 显示 7 天预报 - 优先级：中
3. 自动定位 - 优先级：中
技术栈：
- 前端：React Native
- 数据源：免费天气 API
约束：
- 不需要用户登录
- 离线时显示最后更新的数据
本章小结
| 原则 | 关键点 |
|---|---|
| KERNEL | Keep it simple, Easy to verify, Reproducible, Narrow scope, Explicit constraints, Logical structure |
| 模板 | 基础需求型、完整项目型、修复 Bug 型 |
| 技巧 | 一次只做一件事、给上下文、迭代式提问 |
本章作业
今天就能完成
- 用 KERNEL 原则优化你之前想做的那个项目需求
- 写一个完整的 Prompt 发给 Cursor，验证效果
- 把 Prompt 和结果发到社区讨论
下章预告
下一章给你 2026 年最佳工具推荐，帮你选出最适合的那把”枪”。