先想后做①
在打开 Agent 之前，你会先写出 Steve's Repair 的产品单页(给谁用、解决什么、核心三件事),再画一张架构草图(网站有哪些区块),然后把它们拼成一段能直接发给 Agent 的简报。
回头一题
这道题不考这一节，考前面学过的。想不起来就回去翻一眼再答——记不住的东西，真用的时候一样会卡。
想知道一个项目里到底有哪些文件，该看 VS Code 的哪一块？
这一章最后你要交的东西，是电脑维修店 Steve's Repair 的官网。这一节先不写代码，只把要做什么想清楚。
很多人会告诉 Agent："帮我做个网站"。但是没有具体清楚的方案,Agent 就只能猜你的需求：猜你的店干嘛的、猜放哪些内容、猜该长什么样。你没说的，它不会替你补上。哪怕这件事在你看来天经地义。这样来回返工十几次还是不满意，问题常常不在 Agent,而在于你自己也没想明白。
先想后做准备：打开 Agent 前先写的两张纸
每次动手前，先写两张纸，写完再打开 Agent。一张几行就够。
一句话说清三件事：这网站给谁用、帮他们解决什么、核心是哪三件事。连给谁、解决什么都说不清，做出来很可能是个没人需要、却很好看的废品。
这一页从上到下有哪些区块(比方说顶部导航、大标题、服务列表、联系方式)。先摆出骨架,Agent 才知道往哪儿填内容。
想清楚给谁、解决什么，是产品思维；想清楚有哪些块、怎么搭，是架构思维。工具会换、模型会变，这两样一直管用。
1. 先写，再开 Agent。顺序反了，就等于让 Agent 替你拿主意，可它只会猜。
2. 命题就是 Steve's Repair,现在别改成奶茶店、健身房、你朋友的公司。大家用同一个命题，是为了让你专心练"想清楚加指挥"。想发挥个性，留到后面"把这家店做到自己满意"的时候。
先看一张填好的示例表
下面这张是一份示范用的 Steve's Repair 产品单页加架构草图。注意每一栏都写得有多具体，没有一句是"修电脑的人"这种等于没写的话。
- 都修些什么(电脑、笔记本、系统重装、清灰换件)
- 为什么靠谱(开店十年、明码标价、修不好不收费)
- 怎么找到你(电话、店铺地址、营业时间)
这张样张的每一格，都能让一个陌生人立刻明白"这家店是干嘛的、凭什么信它、怎么联系"。你写的不用跟它一样，但得写到这么细。下面轮到你。
轮到你填了
把空填上（给谁用、解决什么、核心三件事、页面区块），点「生成简报」，它会把你写的拼成一段话，可以直接复制发给 Agent。下一节 1.4，你就拿它去"后做"。
产品单页 + 区块草图
围绕 Steve's Repair 这家电脑维修店来填。拿不准就先填个你觉得说得通的，随时能改。每一格的具体程度，对照上面那张样张。
下面这段就是你的"先想"成果，复制它，下一节发给 Agent:
自检：填得够具体了吗
前四条它自己会看你填了什么（"所有人"这种它认得出来），后两条得你自己老实回答。上面改完，再点一次「重新检查」。
- 给谁用写清楚了，是具体的一类人，不是"所有人"这种等于没说的写法。
- 解决什么写清楚了，要写出他真正犯愁的是什么，还有你凭什么能解决。
- 核心三件事三个都填了, 而且不是三句几乎一样的话。
- 区块至少列了四个必要的(导航 / 大标题 / 服务 / 联系一类), 骨架立得起来。
先在上面填几格，再点「重新检查」, 看看哪几条还差。
1. "给谁用"写成"所有人"或"需要修电脑的人":太宽。往窄里写，他在什么处境、最怕什么。比如"附近怕被坑价、想找个靠谱师傅的电脑用户"。越具体,Agent 越知道该用什么语气、突出什么。
2. 核心三件事憋不出三件:别硬凑。回到"一个陌生人点进来，最想立刻知道哪三件事",通常就是"修什么、凭什么信你、怎么联系"。
3. 区块列不全或不知列啥:照上面那张样张的六行抄个骨架，再按你的店删掉用不上的。先有骨架，内容下一节让 Agent 填。
下面哪个"给谁用", 最能帮 Agent 做出对路的网站？
不确定"给谁用"该怎么写、区块该列哪些，或者想让别人帮你把这份简报再打磨一遍？把你填的内容发到群里问问大家，或者直接向 Abel 或助教提问。