AI 编程 · 第二章：如何和 AI 对话
描述你的需求
说得越具体，返工越少
入门约 10 分钟技巧
这节课你会...
学会写高质量的 Prompt——这是 Vibe Coding 里最重要的技能。好的 Prompt 和差的 Prompt，得到的结果天差地别。
先看两个版本
你要做一个个人主页。下面是两种描述方式：
版本 A：
帮我做个个人主页
版本 B：
帮我做一个个人主页，顶部是我的名字"小明"，大字居中。下面是一段 80 字左右的自我介绍，用浅灰色文字。再下面是三个图标链接：GitHub、邮箱、微博。整体白色背景，简洁风格，手机也能看。
猜猜哪个结果更好用？
解剖一条好 Prompt
把版本 B 拆开来看，它包含了四个要素：
| 要素 | 含义 | 版本 B 的体现 |
|---|---|---|
| 做什么 | 项目的类型和目的 | "个人主页" |
| 有什么 | 具体内容和功能 | "名字、自我介绍、三个图标链接" |
| 长什么样 | 视觉风格 | "白色背景、简洁、手机也能看" |
| 细节规格 | 精确的数值和约束 | "80 字左右、大字居中、浅灰色" |
四个要素不需要每次都写全，但**"有什么"和"细节规格"是最关键的**。大多数人 Prompt 写不好，就是因为只说了"做什么"，没给规格。
抽象 vs 具体
| 不要说 | 要说 |
|---|---|
| 好看一点 | 背景用 #f5f5f5，标题 32px 加粗，卡片加 1px 灰色边框 |
| 快一点 | 图片用懒加载，CSS 文件合并成一个 |
| 按钮明显一点 | 按钮用圆角 8px，蓝色背景 #3b82f6，白色文字，hover 时变深 |
| 手机也能看 | 宽度小于 768px 时卡片从两列变一列 |
AI 听不懂"好看""快""明显"。它只听得懂颜色值、像素值、具体规则。
练习
用这个模板写三条 Prompt，分别描述：
- 一个你想要的网页
- 一个小工具
- 一个你想改的现存页面
每条都包含四个要素。
AI 如何理解你的需求
看 AI 怎么把你的一句话变成完整代码
代码是怎样一步步写出来的
看一段话怎样被拆成可以运行的网页代码
用户输入
帮我做一个番茄钟
就绪
index.html
等待生成...已生成 0 / 229 tokens0%
原理：模型更像一个速度很快的“文字接龙”工具：它根据你给的描述，逐个预测接下来可能出现的 token（通常是词或标点），直到代码写完。 描述越具体，生成结果通常越容易修改，也越接近你真正想做的东西。
学习助手（可选）
需要时可以提问；没配 AI 也不影响课程、练习和测验。
学习助手需要时再用
助手说：你好，我是课程里的可选学习助手。正文、练习和进度都在这里，不需要我也能继续。
卡住时，把具体的一段代码或一句话贴过来就好。我们可以一起拆概念、改描述，或者把一个小想法拆成几步来做。
这一课以阅读为主。想看概念演示可以去 可视化演示。
AI 编程 · 同轨道下一节给出具体例子