教程

Claude Code 高级提示技巧:TDD 驱动、截图验证、面试需求、让 AI 自我检查 7 个方法

Claude Code 高级提示技巧 7 个方法:TDD 先写测试、截图验证 UI、面试确认需求、新会话 Reviewer 自检、参考现有模式、可中断大型任务、三阶段探索-计划-执行工作流。

2026/4/134分钟 阅读ClaudeEagle

基础用法人人都会。这篇讲的是那些在实际项目中被反复验证、显著提升输出质量的高级技巧——很多人用了几个月才摸索出来。


技巧 1:TDD 模式——先测试,再实现

为什么有效:测试是对「正确答案」最精确的定义,Claude 有了可自我验证的标准,不需要你反复 review。

text
# 标准写法(效果一般)
"实现邮件验证函数"

# TDD 写法(效果更好)
"先写测试:
validateEmail('user@example.com') -> true
validateEmail('invalid') -> false
validateEmail('user@.com') -> false
validateEmail('') -> false

测试覆盖边界条件,通过后再实现。"

修 bug 的 TDD

text
"用户提交空表单没有报错。
先写能复现 bug 的测试(现在应该失败),
修复后让测试通过,再跑整个测试套件。"

技巧 2:截图验证(UI 任务必备)

text
[粘贴设计图截图]
实现这个设计。完成后:
1. 在 1280px 和 375px 分别截图
2. 列出和设计稿的所有视觉差异
3. 逐一修复,再次截图确认

给截图验证指令,能避免「Claude 说完成了,实际离设计稿差很远」。


技巧 3:让 Claude 面试你的需求

text
我想构建用户通知系统。
用 AskUserQuestion 工具面试我:
- 发送渠道(邮件/推送/短信)?
- 需要已读/未读?通知类型有哪些?
- 实时还是批量?

不要问显而易见的,重点挖 edge case。
覆盖所有决策点后写到 SPEC.md。

完成后新开会话执行(干净上下文):

text
按 @SPEC.md 实现通知系统,遵循 @CLAUDE.md 规范。

技巧 4:Reviewer 模式(新会话 review)

text
# 会话 A:实现
"实现 rate limiter middleware"

# 新开会话 B:review
"Review @src/middleware/rateLimiter.ts,关注:
- 并发竞态条件
- 窗口边界的请求计数
- 和 @src/middleware/auth.ts 的风格一致性

用 文件:行号 列出问题,给出具体修复建议。"

新会话有干净上下文,不会偏向自己写的代码。


技巧 5:参考现有模式

text
# 差的
"添加用户管理页面"

# 好的
"参考 @src/pages/ProductsPage.tsx 的实现,
创建功能相同的 UsersPage,支持分页、筛选、批量操作。
使用相同的组件结构和状态管理方式。"

输出天然和现有代码风格一致,不需要事后反复修改。

在 CLAUDE.md 里系统性配置:

markdown
## 参考模式
- 新 API handler 参考 @src/api/handlers/users.ts
- 新 React 页面参考 @src/pages/ProductsPage.tsx
- 数据库访问通过 Repository 层,参考 @src/repos/UserRepo.ts

技巧 6:可中断的大型任务

text
把 src/payments/ 重构为 async/await。

每完成一个文件就暂停:
1. 告诉我改了什么
2. 展示 diff
3. 运行测试确认无 regression
4. 等我说「继续」再处理下一个

逐步确认,出问题立刻发现,不用等全部完成才发现中间某步出错。


技巧 7:探索-计划-执行三阶段

text
# 阶段 1:探索(plan 模式)
"分析 src/auth/ 的认证逻辑,不要做任何修改"

# 阶段 2:计划(仍在 plan 模式)
"制定把 JWT 换成 OAuth2 的迁移方案,
列出影响文件、步骤和风险点"

# 阶段 3:执行(切换 acceptEdits)
"按方案执行步骤 1:更新 auth/session.ts"

在「探索」和「计划」阶段看到全貌,执行时方向更准确。


提示词改进速查表

场景
实现功能"加搜索功能""参考 CategoryFilter.tsx,实现 UserSearchFilter,支持名称和邮件搜索"
修 bug"修一下 bug""空表单不报错,先写失败测试复现,再修复"
UI 任务"实现这个设计""[截图] 完成后截图对比,列差异,修复,再截图确认"
大型任务"重构认证模块""plan 模式分析影响范围,我确认后再执行"

来源:Claude Code 官方 Best Practices | morphllm.com | 整理:ClaudeEagle

相关文章推荐

教程Claude Code 提示词写法完全指南:从模糊到精准,10 倍提升 AI 代码质量Claude Code 提示词写法完全指南:4 个技巧把模糊提示变精准——圈定范围、指向模式、给验证标准、@ 引用文件,附 Bug/功能/Review/UI 场景提示词模板,解决 66% 开发者遇到的 AI 效果不佳问题。2026/4/10教程Claude Code Plan Mode 深度解析:让 AI 先想清楚再动手,避免改代码越改越乱Claude Code Plan Mode 深度解析:进入只读分析模式,让 AI 先制定完整方案再动手,彻底解决「越改越乱」。含典型工作流、4 大使用价值和场景判断。2026/4/9教程Claude Code 最佳实践官方指南:上下文管理、验证策略与自动化扩展Claude Code 官方最佳实践指南,涵盖上下文窗口管理(最核心约束)、提供验证途径让 Claude 自我检验、四阶段工作流(探索→计划→确认→编码)、CLAUDE.md 编写原则、权限管理、Subagent 使用技巧,以及 Writer/Reviewer 并行开发模式等高效实践。2026/2/28教程Claude Code Remote Control 详解:用手机或另一台电脑控制本地 AI 编程会话Claude Code Remote Control 完整指南:3 种启动方式(Server/交互/现有会话)、手机扫码连接步骤、实际使用场景,以及与网页版的核心区别、安全机制和常见报错解决方法。2026/4/13教程Claude Code 定时任务完整指南:每天自动 review 代码、检查依赖、生成日报Claude Code 定时任务完整配置指南:Desktop 本地任务、云端任务、/loop 三种方式对比,含 5 个实用任务模板(每日代码 review、依赖漏洞扫描、技术债报告),以及权限防卡死和补跑机制详解。2026/4/13教程Claude Code in Slack:在团队聊天里直接触发 AI 修 bug、创建 PRClaude Code Slack 集成完整配置指南:4 步配置从团队聊天触发 AI 编码任务,含路由模式选择、上下文利用、仓库自动检测、权限管理,以及 Slack 提示词写法技巧。2026/4/12