最近使用了3周左右的 Claude Code, 随着对Claude Code的逐步深度使用, 发现这个工具确实是很强大, 真的是越用越上瘾。特别是随着不断学习了一些高级使用技巧, 开发效率真的是蹭蹭往上提，怪不得那么多大模型厂商都去专门做了适配 Claude Code 的接口。那么为了让更多的人用好这个效率工具，我把这段时间使用的一些技巧给大家做个总结分析。 我就从以下四个主题展开，帮助大家把 Claude Code 用成“可编程的工程助手”：
1. 斜杠命令（Slash commands） 官方是斜杠命令，我觉得叫做自定义命令更合适。这个功能说白了就是把自定义提示词做成自定义命令，让我们可以把高效使用的“Prompt”做成模板。 命令以 Markdown 文件定义，文件名即命令名，支持 $ARGUMENTS 参数占位。这样就不用每次重复输入大量的提示词了。
• 用户级目录： ~/.claude/commands/命令名1.md → 用 /命令名1 调用 • 项目级目录： <repo>/.claude/commands/命令2.md → 用 /命令名2 调用
如果你的自定义命令过多，可以创建文件夹进行命令分类，这样方便区分管理。
• 项目级子目录命令： <repo>/.claude/commands/frontend/bugfix.md → 用 /frontend:bugfix 调用 如果有参数，可以在命令的 markdown 文档中添加 $ARGUMENTS 占位符即可。下面是一些测试用例
使用示例
• 创建项目级命令目录 mkdir -p .claude/commands • 新建一个实现前端功能开发的自定义命令，文档名称 .claude/commands/feature.md ，内容如下： 你是一名资深前端工程师，精通各种前端技术。请基于以下需求完成前端代码开发： $ARGUMENTS 要求如下： - 确保执行代码修改前，先添加单元测试用例 - 确保测试用例能全部通过 - 确保代码符合 eslint 规范，通过 eslint 命令进行验证和修复 - 变更结束后，生成一段提交信息（Conventional Commits）
/feature 为当前管理后台增加一个登录功能” 以下是一些建议事项 命令命名与组织建议
• 名称要见名知意： feature 、 writetests 、 fixbug • 按专家/功能域拆分目录： .claude/commands/frontend/* 、 backend/* 、 devops/*
传参与变量 $ARGUMENTS ：参数是承载命令后的全部文本，需要放在 Prompt 文本的合适位置。 如果在命令体内有一些格式规范需要说明，可以在命令文本内进行参数格式说明，例如： <title> --scope=<name> --priority=<p1|p2|p3>
安全命令白名单配置 一定要及时在项目根的 .claude/settings.local.json 添加允许的Bash命令清单，这样可以减少确认操作导致的打断：
{ "allowedCommands" : [ "git *" , "npm *" , "pnpm *" ] , "defaultOutputStyle" : "explanatory" } 2. Output Styles（可编程风格系统） 这个功能比较有意思，简单来说就是给 Claude Code 换“说话方式”的开关， 可以理解成：同一个人，换了不同的“工作模式”，比如“只管干活”“边干边讲解”“教你怎么干”。原来那些读写文件、跑命令对的本事都还在，只是思路和表达方式变了。我觉得这个工具用来学习的话， 作用更大一些！
Claude Code 内置三种输出风格：
• Default (默认)：高效地完成编码任务并提供简洁的回答。简单概括就是：少废话，快干活。 • Explanatory （解释）：解释它的实现选择和代码库模式。边做边解释“为什么这么做”（适合读旧代码、过方案）。 • Learning （学习）：暂停并要求你编写小段代码以进行动手实践。像带教结对，留 TODO 让你亲手补，再给反馈（适合学习/培养新人）。手把手教你学习编程， 最佳学习助手！
切换方式：
• 交互式, 查看并选择命令： /output-style • 快速切换命令： /output-style explanatory 、 /output-style learning • 项目设置，只在当前项目配置输出方案，在当前项目配置文件中设置 outputStyle 即可。 • 创建新的输出风格：通过 /output-style:new 创建的输出样式作为 markdown 文件保存在用户级别的 ~/.claude/output-styles 中，可以跨项目使用。
学习型示例
先把输出模式切换到学习模式， 然后发送一个学习要求， 比如快速排序。
/output-style leaning 学习快速排序演示 如上图所示， 我们让 Claude Code 教我们学习一个快速排序算法， 会给我们生成一个完成核心代码逻辑的编程题，而且测试用例也帮我做好了！
生成的快速排序编程教学示例 自定义风格示例
--- name: Code Reviewer (CN) description: 更注重审查、风险提示与修复建议 --- 你是严格的代码评审助手： - 首先输出风险与依据（含安全/性能/可维护性） - 再给最小修复 diff 与验证步骤 - 对关键决策写出取舍说明 3. Git worktree 并行开发 说实话，在用 Claude Code 之前还真不知道 Git 有这个功能，worktree 就是在“同一个仓库，多开几个彼此独立的工作目录”。它们共用一套 .git 历史与对象库，但各自有单独的文件视图和分支检出位。好处就是：
1. 不用重复 git clone 浪费磁盘和网络；但又能像多仓库一样互不干扰做不同任务。 2. 切分场景：同时开发多个分支、并行修 bug、回溯一个老版本排查、对比实验两种实现。 3. 避免在一个工作目录里频繁 stash/checkout 来回切，减少“把没提交的改动搞丢/搞乱”的风险。 4. 可以同时开多个 IDE/终端窗口，每个窗口只关心一个任务的状态。
Claude Code 结合这个功能并行开发就更方便了，我们可以同时开多个窗口，让AI同时干活，把 AI 压榨到极致，3倍+开发效率不是梦！最近就用这个方式对一个项目功能升级，本来是10天的工作量，压缩到了4天。
3.1 基本使用说明 # 建议将所有 worktree 放在隐藏目录 mkdir -p .trees echo ".trees" >> .gitignore # 为三个任务创建独立工作区（会各自创建分支） git worktree add -b ui_feature .trees/ui_feature main git worktree add -b testing_feature .trees/testing_feature main git worktree add -b quality_feature .trees/quality_feature main # 分别进入并启动 Claude Code（互不干扰） cd .trees/ui_feature && claude cd .trees/testing_feature && claude cd .trees/quality_feature && claude 每个工作区都是隔离的文件状态，适合同时改动相同配置文件（如 vite.config.js ），把冲突延后到合并阶段再统一处理。
3.2 合并冲突解决 # 回到主工作目录（main） git checkout main # 顺序合并（示例） git merge ui_feature git merge testing_feature # 若第三个与前面都改了 vite.config.js，这里更可能产生冲突 git merge quality_feature # 解决冲突后继续 git add -A && git commit -m "resolve conflicts" 实践建议：让 Claude Code 协助分析冲突标，解决冲突代码！
3.3 常用命令 # 列出所有 worktree git worktree list # 移除不再需要的 worktree（不会删分支） git worktree remove .trees/ui_feature 有一点需要注意，新建的 worktree 需要进行环境初始化：新建 worktree 后，按项目类型分别执行 npm install ，修改配置文件等。
4. 进阶集成 4.1 MCP（Model Context Protocol） Claude 用 MCP（模型上下文协议）就像是给它配上了一个“万能插座”。需要查询资料，打开网页，访问数据库，操作 Github等等，让 Claude Code 能方便地调用各种外部信息和功能来完成复杂任务，极大地增强了它的实用性。
这次给大家安利 2 款必装插件： Context7 MCP 和 Playwright MCP 。
首先第一个需要安装的是 Context7 MCP , 他能将最新的、特定版本的文档和代码片段等信息，直接整合到你给大模型的提示（prompt）中。大模型便能根据这些实时更新的资料编写代码，避免被其固有的、可能过时的知识库所误导。基本上绝大部分项目文档这里都有，基本满足绝大部分的项目开发需求！
安装的话需要我们先登录 context7 官网申请一个 API 密钥， 然后使用以下命令安装即可。
claude mcp add --scope user context7 -- npx -y @upstash/context7-mcp --api-key claude mcp list 其中 --scope user 参数的作用是将MCP服务添加到我们的用户配置而不是项目配置， 这样任意一个项目中都可以使用这个 MCP 服务了。如果我们只想在某个项目中使用，那么就在项目根目录在运行如下命令：
claude mcp add --scope project /path/project context7 -- npx -y @upstash/context7-mcp --api-key claude mcp list Playwright MCP 是一个基于Playwright 自动化测试框架构建的Model Context Protocol (MCP) 服务器，它为大语言模型（LLM）提供了强大的浏览器自动化能力。其核心在于通过结构化的可访问性快照（accessibility snapshots）而不是视觉模型或截图，让大模型能够“理解”和“操作”网页。这使得AI 能够执行如点击、填写表单、抓取数据、执行JavaScript 等复杂操作，极大地提高了AI 在处理网页任务时的效率和准确性，我们可以用这个插件让 Claude Code 自行进行网页操作，测试验证功能！
安装流程如下: 第一步安装基础库:
npm init playwright@latest 第二步安装 MCP：
claude mcp add --scope user playwright npx @playwright/mcp@latest 然后我们可以开一个 Claude Code 窗口验证下浏览器操作功能：
访问网址 https://www.baidu.com/ 输入搜索: ip, 查询当前的访问客户端的IP地址 获取 IP 的流程 实现过程中，因为网页代码内容过长，超过了大模型的输入限制，改为截图形式获取了页面内容！
4.2 将 Claude Code 当作类 Unix 程序 把 Claude 接入脚本/Pipline，上一讲我们介绍了 Cluade Code 支持文本/JSON/流式 JSON 输出，通过这种形式我们可以用 Cluade Code 能力做更多的事情， 而不仅仅是开发任务。
• 示例一： 操作浏览器查询信息： 我们可以把 Claude Code 当前一个 shell 命令使用查询今日天气信息，然后使用根据天气信息传递给其他工具使用。 claude -p --dangerously-skip-permissions "访问网址 https://www.baidu.com/ 输入搜索: 天气, 查询当前的访问客户端的天气信息" 查询天气结果信息 cat geocoding.py | claude -p "解释当前代码的作用" --output-format text > plan-code.txt 解释代码功能 总之，通过掌握斜杠命令、可编程输出风格、Git Worktree 并行开发以及强大的进阶集成，我们能将 Claude Code 从一个问答式助手，真正转变为一个可编程的智能工程伙伴。希望本文分享的技巧能帮助你充分挖掘它的潜力，让 AI 深度融入你的开发工作流，体验到开发效率的显著飞跃。
感谢围观~ 这里是 百牛技术 ，专注分享有趣又不无用的技术灵感。 别忘了点个「关注」或「星标」，我们会持续更新，等你常来玩！
粤ICP备14082021号
免费POC，
零成本试错
