先给“边界”再给“方向”
与其说“帮我做一个页面”，不如说：
- 目标：两列布局，移动端一列
- 约束：不要改变全局 CSS 变量
- 输出：只改
app/pages/xxx.vue
明确边界后，模型更容易“收敛”。
小步快跑：5~10 分钟一个迭代
每次只改一件事：
- 修一个布局
- 换一个颜色系统
- 调整一个组件
避免一次性大改，让回滚成本最低。
让模型“看到差异”
当你说“有点怪”，最好给：
- 具体 DOM 片段
- 具体截图或描述
- 你期望的视觉基准
可见的差异会让输出明显更精确。
保持一个“工作清单”
例子：
- 修复移动端菜单自动收起
- 友链卡片两列
- Waline 样式对齐
每完成一项就勾掉，工作体验会非常顺滑。
注意“环境一致性”
如果你说“我刷新没变化”，可能是：
- 还在跑旧的 dev 进程
.nuxt缓存没清- 多端口并行冲突
保持一个干净的开发进程非常重要。
小结
Vibe Coding 本质是节奏控制：把需求拆细、把反馈变快、把错误留在最小的改动里。