[AI书房] 第29章 高级实用技巧7条
Claude Code完全掌握
Claude Code完全掌握
第29章 高级实用技巧7条
金京镇
那些把极限往前推的人
五个终端同时打开。左边显示器上，三个Claude Code会话分别在构建不同的功能；右边显示器上，浏览器自动弹出，对着刚生成的Web应用填写表单、点击按钮。每次提示音响起，就去确认已完成的会话，再分配下一项任务。
这不是科幻场景。把Claude Code的高级功能组合起来，确实能实现这样的工作方式。本章介绍的七条技巧，是为那些想把Claude Code用到极致的人准备的。
技巧21. 用Chrome DevTools验证功能
截图能抓住视觉层面的问题。但按下按钮后是否真的执行了动作、表单提交是否正常处理，光靠截图看不出来。
Claude Code可以直接调用Chrome DevTools。它能打开浏览器，与应用交互，查看控制台报错，检查网络请求是否正常往返。
这是截图循环的延伸。如果说截图是「用眼睛看的检查」，那DevTools就是「用手摸的检查」。做前端工作时把两者结合起来，就能同时保证Claude产出的视觉完整度和功能稳定性。
还有一点。DevTools验证在需要与没有公开API的服务交互时同样好用。可以在已登录状态下，通过浏览器让Claude读取数据、填写表单或点击按钮。
[图29-1] Claude Code通过Chrome DevTools验证应用功能的界面示例
技巧22. MCP连接服务器链式调用（Chaining）
MCP（Model Context Protocol）服务器是为Claude Code接入外部能力的有力手段。连上Notion MCP，就能读写Notion数据库；连上GitHub MCP，就能管理Pull Request。
没有理由只用一个MCP连接服务器。同时接入多个MCP连接服务器后，Claude可以在不同服务之间穿梭工作。从Notion读取策划文档，据此在GitHub创建Issue，再把截止日期登记到Google Calendar，这一整套流程在同一个会话里就能完成。
有一点需要留意。每个MCP连接服务器的工具定义（tool definition）都会加载到上下文窗口中。连接的服务器越多，基础token消耗就越大。应当只激活当前任务需要的服务器，不用的及时关掉。
前面技巧5中学过的 /context 命令，可以查看每个MCP连接服务器占用了多少token。
把所有MCP都挂上并不是最优解。如果项目实际上只需要一两个功能，与其走MCP，不如直接硬编码API端点（endpoint），在token效率上可能更划算。需要根据具体情况做判断。
[图29-2] 多个MCP连接服务器链式协作的结构图
技巧23. 让智能体创建智能体
子智能体是主智能体分派任务的对象。但还可以再进一步：指示Claude「为这项工作设计一个智能体」。
这不是委派一项任务，而是让它设计执行任务的体系本身。Claude来决定智能体之间的分工、使用哪个模型、执行顺序、验证方法，然后按照这个设计生成各个智能体。
使用Agent Teams功能时，这种做法更加有效。普通子智能体之间无法互相通信，各自独立工作，只把结果汇报给主智能体。Agent Teams不同。团队内的智能体共享任务列表，彼此沟通，知道对方是否已经完成。它们甚至可以把任务分配给其他智能体。
成本更高，运行时间也更长。但在规模较大的项目中，产出的内聚力明显不同。让各个智能体各看各的方向、分别写出代码碎片再硬拼到一起，和让智能体们互相协调着写出代码再整合，结果的一致性不在同一个层次。
技巧24. 同时运行多个Claude Code会话
在同一个项目文件夹下开多个终端，各自运行Claude Code，就可能同时修改同一个文件而引发冲突。
结合Git Worktree就能解决这个问题。每个会话在独立的分支、独立的目录下工作，互不干扰。在Claude Code中用 --worktree 标志就能快速创建工作树。
claude --worktree feature-login claude --worktree bugfix-payment claude --worktree refactor-api
这样就建出了三个独立的工作空间，每个空间里各跑一个Claude Code会话。同时跑四个、五个也没问题。工作完成后，把各分支合并（merge）到主分支即可。
有人把这种方式推到了极致。Claude Code的一位核心开发者说，他在终端里常驻五个智能体，同时在Web端再开十来个。
[图29-3] 在多个工作树中同时运行Claude Code会话的界面布局示例
技巧25. 创建自定义斜杠命令
除了Claude Code自带的斜杠命令（/init、/compact、/rewind 等），你还可以创建自己的命令。
这和技能文件（Skill File）类似，但斜杠命令提供了更直接的调用方式。把常做的工作流打包成一条命令，一行输入就能启动复杂的流程。
比如创建一条叫 /deploy-check 的自定义命令。一条命令就能依次完成测试运行、lint检查、构建确认、部署到预发布环境。不用每次都输入「跑一下测试，检查lint，试着构建一下……」，/deploy-check 一行搞定。
为整个团队创建自定义命令，有助于工作流标准化。新成员加入后，只需说一句「用这些命令就行」，他们就能立刻按照资深成员同样的质量标准开始工作。
技巧26. 浏览器自动化
从Chrome DevTools的功能验证再往前走一步，就进入了正式的浏览器自动化领域。
Claude Code打开浏览器，浏览网站，填写表单，点击按钮，读取数据。对于没有公开API的服务，可以用它来采集数据，或者把重复性的网页操作自动化。
想参考某个网站的设计，也做得到。把喜欢的网站截图或提取HTML样式交给Claude，它就能复现那种设计模式。当然，不是原样照搬，而是把它当作灵感来源，加入自己的元素，这才是正确的做法。
浏览器自动化的覆盖面很广。不过，在已登录状态下进行浏览、点击、输入这类操作是最稳定的形态。划定自动化范围时，最好事先想清楚哪些交给Claude、哪些由人来介入。
[图29-4] 通过浏览器自动化进行Web数据采集的流程图
技巧27. 安全注意事项：API密钥管理
高级功能用得越多，安全的分量就越重。同时接入多个MCP连接服务器、做浏览器自动化、跑多会话，API密钥和认证信息就可能暴露在更多地方。
有几条原则必须遵守。
API密钥不要直接写在代码里。通过环境变量（environment variable）或 .env 文件来管理。.env 文件务必加到 .gitignore 中，防止被推送到GitHub。只要密钥哪怕出现过一次在提交历史里，就应视为已泄露，立即重新签发。
Claude Code会话中同理。如果Claude生成的回复中包含了API密钥，那段内容会留在上下文里。应当在结构设计上尽量避免密钥值本身出现在对话中。
安装VS Code扩展或MCP连接服务器时，也需要做安全审查。开发者身份、是否有出站网络请求、是否采集数据、能否执行Shell命令，这些都应事先确认。未经核实就安装，一旦凭证（credential）被泄露到外部，就无法挽回了。
[图 29-5] API密钥管理检查清单
懂得工具深度的人
这七条高级技巧，展示了Claude Code作为工具的纵深。控制浏览器、让智能体来设计智能体、同时管理数十个会话却不放松安全防线。这才是真正驾驭工具的水准。
要安全地运用这些技法，需要理解Git Worktree的工作原理和Claude Code的权限设置体系。Worktree是并行作业的安全网，权限设置则在自主性与控制之间找到平衡点，二者共同构成了可靠的基础。
人工智能专家 金京镇律师
AI法律政策专家 · 前国会议员 · 著有多部作品
如果这本书曾在您身边短暂停留，请支持我们，让下一个故事得以问世。
(自愿赞助账户：农协 302-1096-0948-81 户名：金京镇)