第 2 章
第一次跟 AI 对话:描述你想要的
写好提示词(prompt)是跟 AI 协作最关键的能力。这一章教你用一段话让 WorkBuddy 理解你要什么。
提示词就是"需求描述"
你不需要学编程语法,只需要用中文说清楚你想要什么。WorkBuddy 的输入框就是你的"需求单"——你填得越具体,它做得越准。
好描述 vs 坏描述
| 类型 | 例子 | 结果 |
|---|---|---|
| ❌ 坏描述 | "帮我做个网页" | AI 不知道你要什么网页,给的东西大概率不是你想要的。 |
| ❌ 坏描述 | "做个好看的网页,要现代一点,酷一点" | 抽象形容词无法指导 AI,"好看""酷"每个人理解不同。 |
| ✅ 好描述 | "帮我做一个个人主页,有圆形头像、名字、自我介绍、三个竖排按钮(GitHub、邮箱、微博),白色背景,干净风格" | AI 知道具体元素和布局,一次就能做出八九不离十的结果。 |
| ✅ 好描述 | "帮我做一个待办事项网页,上面有输入框和添加按钮,下面显示待办列表,每条可以勾选标记完成" | 功能明确,AI 能直接生成可用的代码。 |
好的提示词有什么规律
具体,不抽象
"三个按钮"比"一些按钮"好,"白色背景"比"好看"好。
列出元素
把你要的东西枚举出来:头像、名字、简介、三个链接按钮……
加上约束
"所有代码写在一个 HTML 文件里""不需要安装额外东西""数据存浏览器本地"。这些约束避免 AI 生成你跑不起来的代码。
说明用途
"这是一个个人主页,我准备放到网上"——这帮助 AI 判断你需要的复杂度。
发出你的第一条"编程指令"
打开 WorkBuddy,新建一个对话,把下面的文字完整复制进去,发送:
请你帮我做一个个人主页网页,所有代码写在一个 HTML 文件里。
内容:
1. 顶部居中显示一张圆形头像,图片链接用:https://picsum.photos/200
2. 头像下面是名字(先用"张三",做好后我自己改)
3. 名字下面是简短介绍:"一个正在学习用 AI 做东西的人"
4. 下面有 3 个链接按钮,竖着排列,分别写"我的 GitHub""给我发邮件""我的微博"
5. 每个按钮下面用灰色小字写一行说明
设计:
- 背景浅灰色,页面居中,最大宽度 500px
- 按钮白色圆角,点上去有颜色变化
- 整体干净、留白充足
请给我完整代码,不要省略任何部分。
📌 WorkBuddy 怎么回复
WorkBuddy 会先回复一段文字说明,然后给出一个代码块(以 <!DOCTYPE html> 开头)。你需要的就是这个代码块——后面章节会教你怎么把它变成真正的网页。
如果 WorkBuddy 的回复不太对
很正常。第一版通常不是完美的。你可以继续告诉它:
- "请把背景色改成白色"
- "按钮之间间距太小了,调大一点"
- "头像太大了,缩小到 80px"
记住:把 AI 当成一个能听懂修改意见的实习生。它不是一次就完美的,但改起来非常快。
本章小结
| 要点 | 说明 |
|---|---|
| 好提示词的要素 | 具体、列出元素、加约束、说明用途 |
| 核心原则 | 模糊输入 = 模糊输出,具体输入 = 精准输出 |
| 第一条指令 | 按上面的模板发给 WorkBuddy,拿到个人主页的代码 |
| 不满意怎么办 | 继续对话、描述改动、逐条修改 |