描述你的需求
这节课你会...
学会写高质量的 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，分别描述：
- 一个你想要的网页
- 一个小工具
- 一个你想改的现存页面
每条都包含四个要素。