新手第一次用 Vibe coding，最容易犯的错是项目太大。
比如你想做“一个完整的个人效率 App”，里面有账号、日历、AI 总结、订阅付费、数据同步。听起来很合理，但对 AI 和新手来说，这等于一口气把前端、后端、数据库、登录、支付、部署都拉进来了。任何一个环节出错，你都不知道该从哪里查。
更稳的做法是：先做一个不用登录、不碰支付、不存敏感数据的小工具。
可以从这个例子开始：
做一个“本周开支记录工具”：输入金额、分类、备注，点击添加后能看到列表和本周总额。数据保存在浏览器本地。页面简单清楚，手机上也能用。
第一步，不要让 AI 直接写代码。先让它做产品拆解：
假设你是产品经理和前端工程师。
请把这个小工具拆成：
- 目标用户
- 第一版必须有的功能
- 暂时不做的功能
- 页面结构
- 验收清单
项目：一个本周开支记录工具。用户输入金额、分类、备注，能查看支出列表和本周总额。
先不要写代码。
第二步，让 AI 只做第一版：
按上面的计划实现第一版。
要求：
- 不要登录
- 不要支付
- 不要后端
- 数据先保存在浏览器本地
- 完成后告诉我如何运行、如何测试
第三步，你要像普通用户一样测试，而不是看 AI 说“完成了”就相信。
你可以检查：
- 输入空金额会不会报错？
- 输入负数会怎样？
- 刷新页面后数据还在不在？
- 手机宽度下按钮会不会挤在一起？
- 删除一条记录后总额会不会更新？
如果出错，把完整报错和你的操作步骤发给 AI：
我刚才这样操作：
- 输入金额 20
- 分类选择餐饮
- 点击添加
结果：列表没有新增记录。
浏览器控制台报错如下：
Uncaught TypeError: Cannot read properties of null (reading 'push')
at addExpense (app.js:42:14)
at HTMLButtonElement.<anonymous> (app.js:88:5)
请先列出 3 个可能原因，不要直接改代码。然后告诉我你建议先检查哪一个。
这一步很重要。新手不要让 AI 连续乱修。连续修 5 次还不成功时，先停下来，让 AI 总结问题，再回到上一个可用版本。
第一次成功的标准也不用太高：能打开、能输入、能保存、能看懂。这个小闭环跑通后，你再加分类统计、导出 CSV、简单图表，都会稳很多。