WorkBuddy AI 编程入门
第 2 章

第一次跟 AI 对话:描述你想要的

写好提示词(prompt)是跟 AI 协作最关键的能力。这一章教你用一段话让 WorkBuddy 理解你要什么。

提示词就是"需求描述"

你不需要学编程语法,只需要用中文说清楚你想要什么。WorkBuddy 的输入框就是你的"需求单"——你填得越具体,它做得越准。

好描述 vs 坏描述

类型例子结果
❌ 坏描述 "帮我做个网页" AI 不知道你要什么网页,给的东西大概率不是你想要的。
❌ 坏描述 "做个好看的网页,要现代一点,酷一点" 抽象形容词无法指导 AI,"好看""酷"每个人理解不同。
✅ 好描述 "帮我做一个个人主页,有圆形头像、名字、自我介绍、三个竖排按钮(GitHub、邮箱、微博),白色背景,干净风格" AI 知道具体元素和布局,一次就能做出八九不离十的结果。
✅ 好描述 "帮我做一个待办事项网页,上面有输入框和添加按钮,下面显示待办列表,每条可以勾选标记完成" 功能明确,AI 能直接生成可用的代码。

好的提示词有什么规律

1️⃣
具体,不抽象
"三个按钮"比"一些按钮"好,"白色背景"比"好看"好。
2️⃣
列出元素
把你要的东西枚举出来:头像、名字、简介、三个链接按钮……
3️⃣
加上约束
"所有代码写在一个 HTML 文件里""不需要安装额外东西""数据存浏览器本地"。这些约束避免 AI 生成你跑不起来的代码。
4️⃣
说明用途
"这是一个个人主页,我准备放到网上"——这帮助 AI 判断你需要的复杂度。

发出你的第一条"编程指令"

打开 WorkBuddy,新建一个对话,把下面的文字完整复制进去,发送:

请你帮我做一个个人主页网页,所有代码写在一个 HTML 文件里。

内容:
1. 顶部居中显示一张圆形头像,图片链接用:https://picsum.photos/200
2. 头像下面是名字(先用"张三",做好后我自己改)
3. 名字下面是简短介绍:"一个正在学习用 AI 做东西的人"
4. 下面有 3 个链接按钮,竖着排列,分别写"我的 GitHub""给我发邮件""我的微博"
5. 每个按钮下面用灰色小字写一行说明

设计:
- 背景浅灰色,页面居中,最大宽度 500px
- 按钮白色圆角,点上去有颜色变化
- 整体干净、留白充足

请给我完整代码,不要省略任何部分。
📌 WorkBuddy 怎么回复

WorkBuddy 会先回复一段文字说明,然后给出一个代码块(以 <!DOCTYPE html> 开头)。你需要的就是这个代码块——后面章节会教你怎么把它变成真正的网页。

如果 WorkBuddy 的回复不太对

很正常。第一版通常不是完美的。你可以继续告诉它:

记住:把 AI 当成一个能听懂修改意见的实习生。它不是一次就完美的,但改起来非常快。

本章小结

要点说明
好提示词的要素具体、列出元素、加约束、说明用途
核心原则模糊输入 = 模糊输出,具体输入 = 精准输出
第一条指令按上面的模板发给 WorkBuddy,拿到个人主页的代码
不满意怎么办继续对话、描述改动、逐条修改