Vibe Coding 实战：12 条规则

1. 给意图，不给指令

❌ "写一个 React 组件管理 todo 列表" ✅ "我想要一个 todo 列表：用户能添加、勾选完成、按优先级排序。UI 用现有的 Card 组件。"

2. 先测试后实现

// 先写
test('should add new todo', () => {
  const { result } = renderHook(() => useTodos());
  act(() => result.current.add('buy milk'));
  expect(result.current.items).toHaveLength(1);
});
// 然后让 AI 实现 useTodos

3. 单次输出 < 200 行

超过 200 行 AI 开始「幻觉」——填充它觉得你想要的代码，而不是你真正需要的。

4. 用类型说话

// 不需要解释「想要什么形状」
interface Todo {
  id: string;
  title: string;
  priority: 1 | 2 | 3;
  done: boolean;
}

AI 看到类型就能写出正确实现，省下 50% 解释。

5. 永远不要相信边界

让 AI 写完函数后，永远自己问：

• null 怎么办？
• 空数组呢？
• 极长字符串？
• 并发调用？

6. 把 AI 当 junior

它不是 co-pilot，是 强一点的实习生。你 review，它写。