Claude Code实战教程(2)：交互式会话的36种开场白——让AI一次性做对

┌─────────────────────────────────────────────────────┐
│  第一层：上下文    → Claude 需要知道什么背景？         │
│  第二层：目标      → 最终要达成什么结果？             │
│  第三层：约束      → 有什么限制条件或风格要求？        │
└─────────────────────────────────────────────────────┘

修复这个 bug

上下文：用户登录时，如果密码错误，页面应该显示红色错误提示，但当前什么也不显示。
目标：找到导致错误提示不显示的 bug 并修复。
约束：不修改其他功能，保持现有的 CSS 类名不变。

你：这个项目是做什么的？用一句话概括

Claude：这是一个基于 Next.js 的电商后台管理系统，
        主要功能是商品管理、订单处理和数据分析。

你：给我讲一下整体目录结构

Claude：
src/
├── app/              # Next.js 页面路由
│   ├── (admin)/      # 管理后台页面
│   └── api/          # API 路由
├── components/       # UI 组件
├── lib/              # 工具函数
├── prisma/           # 数据库 schema
└── types/            # TypeScript 类型定义

适用场景：复杂重构、多文件修改、触及核心逻辑的代码
关闭场景：简单的小改动、临时查询

❌ "优化一下性能"
✅ "首页加载时间从 3.2s 降到 1s 以内，重点关注 API 请求数量和首屏渲染"

❌ "有 bug"
✅ "用户在点击'提交'按钮后，控制台报 TypeError: Cannot read properties of undefined"

✅ "输入: { userId: string }
   输出: { name: string, email: string, role: 'admin' | 'user' }
   如果 userId 不存在，返回 null"

✅ "基于现有的 REST API 风格（参考 src/api/users.js），添加一个类似的订单 API。
    不要修改现有的用户 API，保持相同的项目结构。"

第一轮：帮我创建一个用户注册功能
        → Claude 实现基础版本

第二轮：加上邮箱验证和密码强度检查
        → Claude 在原有基础上添加

第三轮：写单元测试覆盖所有边界情况
        → Claude 补充测试

❌ 沉默忍受，等它自己改
✅ "你漏掉了密码加密这一步，应该使用 bcrypt，哈希成本设为 12"

✅ "思路是对的，但不要用 class component，用 function component + hooks"

/btw 这个函数用的什么算法？时间复杂度多少？

mkdir todo-api && cd todo-api
claude

请帮我创建一个 Node.js + Express 的 REST API 项目，包含：
1. package.json（使用 TypeScript）
2. src/ 目录下有 index.ts 作为入口
3. src/routes/ 下有 todos.ts 路由
4. tsconfig.json 配置
5. .env.example 环境变量模板

使用 Express + TypeScript，遵循已有的最佳实践。

实现 TODO 的增删改查：
- GET    /api/todos      获取所有待办
- POST   /api/todos      创建新待办
- GET    /api/todos/:id  获取单个待办
- PUT    /api/todos/:id  更新待办
- DELETE /api/todos/:id  删除待办
数据暂时存在内存中（数组），稍后会换成数据库。

为所有路由编写 jest 单元测试，使用 supertest 模拟 HTTP 请求。
覆盖正常情况和边界情况（如 ID 不存在）。

运行 npm test，如果失败帮我修复直到全部通过。