灵感编程 Vibe Coding

学习路径 / 入门

说清楚的手艺

The Craft of Asking

同一个需求,说法不同,结果差出十条街。这一节练的是把模糊意图变成精确描述。

02 / 11 约 3 小时 自测 3 题

一句话的信息量

上一节结尾,你已经见过两句话的差别了。这一节把那个差别拆开看。

「帮我做个网站」这句话里,你没有做任何决定。而 AI 必须做出成百上千个决定才能生成代码——字体、颜色、布局、结构。你不说,它就替你猜。

所以写 prompt 的本质不是”学会跟 AI 说话的咒语”,而是把该你做的判断,提前做完

四个成分

一条能用的 prompt 大致包含:

语境 —— 这是什么项目、给谁看、什么场合。 要求 —— 清单式,每条都能验证对错。 例子 —— “像 XX 那样”,或者直接贴一段你喜欢的效果。 边界 —— 明确不要什么,比结果出来再改省事得多。

我在做一个个人作品集网站,给潜在客户看的。

要求:
- 首页是三栏网格,每个作品显示封面图 + 标题 + 年份
- 鼠标悬停时封面轻微放大,过渡 0.3 秒
- 点击进入作品详情页
- 手机上变成单栏

风格:接近瑞士平面设计——大量留白,网格严格,只用黑白灰。
不要:不要圆角,不要阴影,不要任何渐变。

迭代,而不是重来

新手最常见的浪费,是对结果不满意就把整段需求重说一遍。这等于每次都在重新抽签——上次满意的部分也一起丢了。

正确的做法是定向修改:

整体可以。只改两处:
1. 标题字号太大了,缩到现在的三分之二
2. 悬停放大改成 1.03 倍,现在太夸张

课堂练习:Prompt 手术

拿这句话开刀:“帮我做个展示我照片的页面。”

改写三遍,每遍只加一类信息:

  1. 第一遍:只补充语境(这些照片是什么、给谁看)
  2. 第二遍:再补充具体要求(布局、交互、响应式)
  3. 第三遍:再补充风格参考和禁止项

三遍的输出都截图保存,写进你的 prompt-log.md。你会非常直观地看到信息量和结果质量的关系。

这不是技巧,是思维

你可能已经注意到了:这一节没教任何代码。

因为真正被训练的能力是需求拆解——把一个模糊的想法拆成一条条具体的、可验证的判断。这个能力在任何创作里都成立,只是这里它恰好以 prompt 的形式出现。

随堂自测

检查一下自己

3 题
  1. 下面哪条 prompt 更可能得到你想要的结果?

  2. AI 生成的结果有一处不对,其余都满意。你应该?

  3. 一条结构完整的 prompt 通常包含哪些成分?(多选)多选