30 个进阶技巧彻底榨干Claude Code价值:工作流、上下文交互、拓展与自动化、架构与重构、性能与协作......
30 个进阶技巧彻底榨干Claude Code价值:工作流、上下文交互、拓展与自动化、架构与重构、性能与协作......
30 个进阶技巧彻底榨干Claude Code价值:工作流、上下文交互、拓展与自动化、架构与重构、性能与协作...... 30 个进阶技巧彻底榨干Claude Code价值:工作流、上下文交互、拓展与自动化、架构与重构、性能与协作...... Modified July 28, 2025 Code block Plain Text 不要假装你看懂了。把AI当成一个耐心的老师,反复追问,直到你真正理解为止。很多深层次的bug,都源于对基础概念的模糊理解。 13. 上下文管理 ( /clear , /compact ):保持对话“干净” 在完成了“AI回复建议”功能后,准备开始做“社区规则解读”前,我会先用 /clear 。 可以有效防止旧的、不相关的上下文信息干扰AI对新任务的理解。 14. 多种数据输入方式:灵活投喂 • cat error.log | claude "分析错误" : 管道输入,处理日志。 • @/src/utils/api.js : @文件,让AI阅读特定文件。 • /path/to/design.png : 输入图片路径,让AI看UI设计稿。 15. 回滚 ( 回滚 , 撤销 ):一键撤销AI的“骚操作” 当AI自作主张删掉了一个关键函数时,直接输入“回滚”。 这是比 git reset 更轻量级的撤销方式,专门用于回退AI在 当前会话中 的文件修改。 16. 历史消息 ( ESC x 2):快速复用指令 连续按两次 ESC ,可以快速调出并重新编辑之前的指令。 第四章:扩展与自动化——突破边界,解放双手 17. MCP集成:扩展能力 开发插件时,我集成了两个核心MCP。 • 开箱即用实践 : ◦ context7 : “请使用 context7 ,告诉我最新版 react query 中 useQuery 的 staleTime 和 cacheTime 选项有什么区别。” ◦ puppeteer : “使用 puppeteer 打开这个Reddit帖子,截图整个评论区,分析评论的情绪倾向。” MCP让Claude Code突破了自身知识库的限制,可以调用外部工具获取实时信息、执行浏览器操作,能力边界极大扩展。 18. Bash模式 ( ! ):简单命令,无需动脑 需要查看当前目录文件列表时,我直接用 !ls l 。 • 为什么更好用 :对于简单的shell命令,使用 ! 前缀可以直接在bash中执行,无需经过大模型思考,速度快,不花钱。 19. 无头模式 ( claude p "..." ):CI/CD集成 我将代码格式化检查加入了CI流程。 • 开箱即用实践 (package.json) : Code block Plain Text "scripts": { "lint:claude": "claude p '检查所有暂存文件,报告不符合ESLint规范的地方。'" } 无头模式让Claude Code可以作为自动化脚本的一部分被调用,实现代码的自动检查、修复和部署。 20. Pre Commit Hooks:提交前的最后一道防线 在 .git/hooks/pre commit 中加入脚本,让Claude Code在每次提交前自动检查代码,保证入库代码质量。 21. Claude Code Hooks:生命周期内的精细控制 我配置了一个 PostToolUse 钩子,在每次编辑完 .tsx 文件后自动运行Prettier。 • 开箱即用实践 ( .claude/settings.json ): Code block Plain Text [[hooks]] event = "PostToolUse" [hooks.matcher] tool name = "edit file" file paths = ["src/ / .tsx"] command = "prettier write $CLAUDE FILE PATHS" Hooks提供了 在Claude Code执行流程中注入自定义逻辑的能力 ,实现了更深层次的自动化。 第五章:架构与重构——写出能维护的好代码 22. Roo Code + Claude Code:架构先行 在设计插件的整体架构时,我先用了Roo Code。 • 开箱即用实践 : a. 在VSCode中安装Roo Code插件,选择 Architect 模式。 b. 与Roo Code对话,明确插件的模块划分(UI、内容脚本、背景服务、API通信)。 c. 将Roo Code生成的架构图和Markdown文档,发给Claude Code,让它据此进行编码。 Roo Code擅长架构设计和可视化,Claude Code擅长代码实现。 分工合作,能确保项目从一开始就有清晰、合理的结构。 23. 持续重构:别让AI的“代码屎山”埋了你 当发现 content script.js 里的逻辑越来越臃肿时: Code block Plain Text 请分析 content script.js 文件。它现在同时处理了DOM操作、API请求和状态缓存,逻辑混乱。请提出一个重构方案,将其拆分为三个独立的模块:dom controller.js, api handler.js, state manager.js。先给我重构计划,不要直接动手。 AI在反复修改后容易产生“ 代码熵增 ”。定期、主动地让AI进行重构,是保持代码库健康、可维护的必要操作。 24. 复杂逻辑拆分为微服务 如果“发帖建议分析”这个功能变得异常复杂,包含了多源数据采集、NLP处理、模型调用等,我会将其剥离。 当单个文件或模块的逻辑复杂度超出AI能稳定处理的范畴时,将其拆分为独立的、通过HTTP通信的服务,是解决“AI幻觉”的根本手段。 25. 学习设计模式和代码简洁之道 这是对 使用者 的要求。你需要懂一些基本的设计原则。 Code block Plain Text 你刚才为我生成了api handler.js。请分析一下,这个实现符合哪些设计模式(如工厂模式、单例模式)?是否遵循了《代码简洁之道》中的单一职责原则? 你对软件工程的理解深度,决定了AI 编程效果的上限。 第六章:性能与协作——榨干最后一滴价值 26. Code Review模式:双Claude协作 我经常开两个终端窗口,一个用于编码,一个用于审查。 • 开箱即用实践 : ◦ 终端1 : claude "实现AI回复建议的UI界面" ◦ 终端2 : claude "请审查刚才实现的ReplySuggestionPanel.tsx组件,检查其代码风格和可复用性。" 利用AI的“左右互搏”,能从不同角度发现代码中的潜在问题。 27. 并行开发 ( git worktree ):多个AI同时干活 当我要同时开发“UI美化”和“性能优化”两个功能时。 • 开箱即用实践 : Code block Plain Text git worktree add b feature/ui polish ../aireddit ui git worktree add b feature/performance ../aireddit perf 分别在两个新目录中启动Claude Code git worktree 为并行开发提供了完美的、相互隔离的环境,让你能同时驱动多个Claude Code实例处理不同任务,极大提升开发吞吐量。 28. IDE集成:在熟悉的环境中实践 我把Claude Code集成在了Cursor或VS Code的终端里,可以继续使用IDE原生的文件管理、代码高亮、调试等功能,取长补短。 29. CLI快捷键(Emacs模式) • 开箱即用实践 : ◦ Ctrl + A / Ctrl + E : 跳转行首/行尾。 ◦ Ctrl + U / Ctrl + K : 删除整行/行尾内容。 30. 版本升级 ( npm install g ... ):永远使用最新版 定期运行升级命令,确保你用的是最新版的Claude Code。 总结下来,核心就一句话: 你必须成为一个优秀的架构师和项目经理,才能把Claude Code这个能力超群但毫无经验的“实习生”,调教成你最得力的编程伙伴。 以上, 既然看到这里了,如果觉得不错,随手点个赞、推荐、转发三连吧,你的支持是我持续创作的动力。我们下期见。 为了帮助大家减少AI信息差,饼干哥哥拉了个AI交流群,围绕着 AI数据分析、AI编程、AI工作流、AI Agent 等进行讨论。 感兴趣的可以关注公众号「饼干哥哥AGI」, 后台回复「AI交流群」 补充阅读: 发现个用 Claude Code 的高效工作流 两句话,让Claude Code+Kimi K2 跑了3小时爬完17个竞品网站、做了一份深度市场数据分析报告 一文看懂Kiro,其 Spec工作流秒杀Cursor,可移植至Claude Code 发现个用 Claude Code 的高效 两句话,让Claude Code+Kimi K2 跑了3小时爬完17个竞品网站、做了一份深度市场数据分析报告 一文看懂Kiro,其 Spec工作流秒杀Cursor,可移植至Claude Code 不要假装你看懂了。把AI当成一个耐心的老师,反复追问,直到你真正理解为止。很多深层次的bug,都源于对基础概念的模糊理解。 13. 上下文管理 ( /clear , /compact ):保持对话“干净” 在完成了“AI回复建议”功能后,准备开始做“社区规则解读”前,我会先用 /clear 。 可以有效防止旧的、不相关的上下文信息干扰AI对新任务的理解。 14. 多种数据输入方式:灵活投喂 • cat error.log | claude "分析错误" : 管道输入,处理日志。 • @/src/utils/api.js : @文件,让AI阅读特定文件。 • /path/to/design.png : 输入图片路径,让AI看UI设计稿。 15. 回滚 ( 回滚 , 撤销 ):一键撤销AI的“骚操作” 当AI自作主张删掉了一个关键函数时,直接输入“回滚”。 这是比 git reset 更轻量级的撤销方式,专门用于回退AI在 当前会话中 的文件修改。 16. 历史消息 ( ESC x 2):快速复用指令 连续按两次 ESC ,可以快速调出并重新编辑之前的指令。 第四章:扩展与自动化——突破边界,解放双手 17. MCP集成:扩展能力 开发插件时,我集成了两个核心MCP。 • 开箱即用实践 : ◦ context7 : “请使用 context7 ,告诉我最新版 react query 中 useQuery 的 staleTime 和 cacheTime 选项有什么区别。” ◦ puppeteer : “使用 puppeteer 打开这个Reddit帖子,截图整个评论区,分析评论的情绪倾向。” ◦ context7 : “请使用 context7 ,告诉我最新版 react query 中 useQuery 的 staleTime 和 cacheTime 选项有什么区别。” ◦ puppeteer : “使用 puppeteer 打开这个Reddit帖子,截图整个评论区,分析评论的情绪倾向。” MCP让Claude Code突破了自身知识库的限制,可以调用外部工具获取实时信息、执行浏览器操作,能力边界极大扩展。 18. Bash模式 ( ! ):简单命令,无需动脑 需要查看当前目录文件列表时,我直接用 !ls l 。 • 为什么更好用 :对于简单的shell命令,使用 ! 前缀可以直接在bash中执行,无需经过大模型思考,速度快,不花钱。 19. 无头模式 ( claude p "..." ):CI/CD集成 我将代码格式化检查加入了CI流程。 • 开箱即用实践 (package.json) : 无头模式让Claude Code可以作为自动化脚本的一部分被调用,实现代码的自动检查、修复和部署。 20. Pre Commit Hooks:提交前的最后一道防线 在 .git/hooks/pre commit 中加入脚本,让Claude Code在每次提交前自动检查代码,保证入库代码质量。 21. Claude Code Hooks:生命周期内的精细控制 我配置了一个 PostToolUse 钩子,在每次编辑完 .tsx 文件后自动运行Prettier。 • 开箱即用实践 ( .claude/settings.json ): Hooks提供了 在Claude Code执行流程中注入自定义逻辑的能力 ,实现了更深层次的自动化。 第五章:架构与重构——写出能维护的好代码 22. Roo Code + Claude Code:架构先行 在设计插件的整体架构时,我先用了Roo Code。 • 开箱即用实践 : a. 在VSCode中安装Roo Code插件,选择 Architect 模式。 b. 与Roo Code对话,明确插件的模块划分(UI、内容脚本、背景服务、API通信)。 c. 将Roo Code生成的架构图和Markdown文档,发给Claude Code,让它据此进行编码。 a. 在VSCode中安装Roo Code插件,选择 Architect 模式。 b. 与Roo Code对话,明确插件的模块划分(UI、内容脚本、背景服务、API通信)。 c. 将Roo Code生成的架构图和Markdown文档,发给Claude Code,让它据此进行编码。 Roo Code擅长架构设计和可视化,Claude Code擅长代码实现。 分工合作,能确保项目从一开始就有清晰、合理的结构。 23. 持续重构:别让AI的“代码屎山”埋了你 当发现 content script.js 里的逻辑越来越臃肿时: AI在反复修改后容易产生“ 代码熵增 ”。定期、主动地让AI进行重构,是保持代码库健康、可维护的必要操作。 24. 复杂逻辑拆分为微服务 如果“发帖建议分析”这个功能变得异常复杂,包含了多源数据采集、NLP处理、模型调用等,我会将其剥离。 当单个文件或模块的逻辑复杂度超出AI能稳定处理的范畴时,将其拆分为独立的、通过HTTP通信的服务,是解决“AI幻觉”的根本手段。 25. 学习设计模式和代码简洁之道 这是对 使用者 的要求。你需要懂一些基本的设计原则。 你对软件工程的理解深度,决定了AI 编程效果的上限。 第六章:性能与协作——榨干最后一滴价值 26. Code Review模式:双Claude协作 我经常开两个终端窗口,一个用于编码,一个用于审查。 • 开箱即用实践 : ◦ 终端1 : claude "实现AI回复建议的UI界面" ◦ 终端2 : claude "请审查刚才实现的ReplySuggestionPanel.tsx组件,检查其代码风格和可复用性。" ◦ 终端1 : claude "实现AI回复建议的UI界面" ◦ 终端2 : claude "请审查刚才实现的ReplySuggestionPanel.tsx组件,检查其代码风格和可复用性。" 利用AI的“左右互搏”,能从不同角度发现代码中的潜在问题。 27. 并行开发 ( git worktree ):多个AI同时干活 当我要同时开发“UI美化”和“性能优化”两个功能时。 • 开箱即用实践 : git worktree 为并行开发提供了完美的、相互隔离的环境,让你能同时驱动多个Claude Code实例处理不同任务,极大提升开发吞吐量。 28. IDE集成:在熟悉的环境中实践 我把Claude Code集成在了Cursor或VS Code的终端里,可以继续使用IDE原生的文件管理、代码高亮、调试等功能,取长补短。 29. CLI快捷键(Emacs模式) • 开箱即用实践 : ◦ Ctrl + A / Ctrl + E : 跳转行首/行尾。 ◦ Ctrl + U / Ctrl + K : 删除整行/行尾内容。 ◦ Ctrl + A / Ctrl + E : 跳转行首/行尾。 ◦ Ctrl + U / Ctrl + K : 删除整行/行尾内容。 30. 版本升级 ( npm install g ... ):永远使用最新版 定期运行升级命令,确保你用的是最新版的Claude Code。 总结下来,核心就一句话: 你必须成为一个优秀的架构师和项目经理,才能把Claude Code这个能力超群但毫无经验的“实习生”,调教成你最得力的编程伙伴。 以上, 既然看到这里了,如果觉得不错,随手点个赞、推荐、转发三连吧,你的支持是我持续创作的动力。我们下期见。 为了帮助大家减少AI信息差,饼干哥哥拉了个AI交流群,围绕着 AI数据分析、AI编程、AI工作流、AI Agent 等进行讨论。 感兴趣的可以关注公众号「饼干哥哥AGI」, 后台回复「AI交流群」 补充阅读: 发现个用 Claude Code 的高效工作流 发现个用 Claude Code 的高效 两句话,让Claude Code+Kimi K2 跑了3小时爬完17个竞品网站、做了一份深度市场数据分析报告 两句话,让Claude Code+Kimi K2 跑了3小时爬完17个竞品网站、做了一份深度市场数据分析报告 一文看懂Kiro,其 Spec工作流秒杀Cursor,可移植至Claude Code 一文看懂Kiro,其 Spec工作流秒杀Cursor,可移植至Claude Code 🔗 原文链接: https://mp.weixin.qq.com/s/EJlxb2ks... https://mp.weixin.qq.com/s/EJlxb2ks... 原创 饼干哥哥 饼干哥哥AGI2025年07月25日 21:14 广东 现在,还有人用不好 Claude Code 吗? 有没有人需求一提,它计划做得天花乱坠,一执行就代码翻车,好不容易修好一个bug,又带出仨新的? 经过数月的实战和“被教育”,我总结出了一套 能真正“榨干”Claude Code潜能的工作流。 这一切,要从我决定手搓一个解决自己出海痛点的 AI Reddit浏览器插件 开始。 这个插件的核心目标很简单,但实现起来,每一步都考验着我和AI协作的默契。 插件介绍: AI Reddit2.0 发布|AI 在出海社媒场景的落地实践 AI Reddit2.0 发布|AI 在出海社媒场景的落地实践 好了,废话不多说,咱们直接上干货! 以下是我在开发这个Reddit插件过程中,总结出的 30个让Claude Code从“玩具”变“武器”的实战技巧。 第一章:环境与心法——打好地基,事半功倍 1. 技术栈选型:只用AI最擅长的 因为AI擅长,意味着社区里相关的高质量代码多,AI训练得更充分,犯错率更低。 例如, 前端框架中,AI 改 Vue 很不好用,但改 React 就很不错,后者在 AI 编程更通用。 参考示例 : • 网站/插件前端 :Next.js + TypeScript • 后端服务 :Python • 样式 :Tailwind CSS • 数据库 :Supabase (或Postgres) • 部署 :Vercel 2. CLAUDE.md :给AI注入项目“灵魂” 这是启动任何项目前的 必做项 。我在项目根目录创建了 CLAUDE.md ,把插件的核心信息都写了进去。 3. 全局提示词 ( /memory ):为AI装上“审视之眼” 有时候, 不是 AI 不行,是需求方没想好自己要干嘛导致效率低。 解决方案就是这“自虐式”提示词: 它能 有效防止我提出模糊或不切实际的需求 ,让AI从一个被动的执行者,变成一个主动的、有批判性思维的协作伙伴。 4. Git版本控制:唯一“后悔药” Claude Code没有内置版本管理。 • 开箱即用实践 : ◦ git init :项目开始时立刻初始化。 ◦ git commit m "feat: implement RedNote2Reddit capture button" :每完成一个 最小可用功能点 ,立刻提交。 ◦ git checkout b feature/ai reply suggestion :开发新功能(如“AI回复建议”)时,创建新分支。 ◦ git init :项目开始时立刻初始化。 ◦ git commit m "feat: implement RedNote2Reddit capture button" :每完成一个 最小可用功能点 ,立刻提交。 ◦ git checkout b feature/ai reply suggestion :开发新功能(如“AI回复建议”)时,创建新分支。 当AI把代码改崩时, git reset hard 能让你一秒回到解放前。 第二章:核心工作流——从需求到代码的丝滑闭环 5. 交互模式切换 ( Shift + Tab ):三板斧应对不同场景 这是我用得最高频的快捷键。 • 开箱即用实践 : ◦ 规划阶段 :切换到计划模式 (Plan Mode),让AI先为“社区规则解读”功能出具详细的实现步骤。 ◦ 执行阶段 :确认计划后,切换到自动接受编辑 (Auto Accept Edits),让它批量生成代码。 ◦ 调试阶段 :切换回一般模式,进行精细的手动确认和修改。 ◦ 规划阶段 :切换到计划模式 (Plan Mode),让AI先为“社区规则解读”功能出具详细的实现步骤。 ◦ 执行阶段 :确认计划后,切换到自动接受编辑 (Auto Accept Edits),让它批量生成代码。 ◦ 调试阶段 :切换回一般模式,进行精细的手动确认和修改。 根据任务阶段选择合适的模式,能极大提升效率,避免在规划时陷入代码细节,或在执行时被反复确认打断。 6. 探索 计划 ( think 模式):先谋后动,谋定后动 对于插件的复杂功能,比如“发帖建议分析”,我不会直接让它写代码。 而是: 使用 think , think hard , ultrathink 等关键词,可以控制AI的“思考预算”。强制AI先输出详细计划,可以确保它的实现路径是正确的,避免一开始就走偏,浪费大量时间和Token。 7. 测试驱动开发 (TDD) 这是 防止AI“自由发挥”的最强手段。 在开发“RedNote2Reddit”中的文本提取函数时,我先写了测试: 测试用例为AI提供了一个清晰、客观、唯一的完成标准。 它的所有代码修改都必须为了“让测试变绿”,极大地约束了其行为,保证了代码质量。 8. 自定义Slash命令:封装你的重复工作 我把“创建新功能组件”这个流程封装成了一个命令。 .claude/commands/create component.md ) 使用: /create component ReplySuggestionPanel 将高频、重复的任务流封装成自定义命令,能将多步操作简化为一行指令 ,极大提升开发效率。 9. Meta Slash Commands:让AI帮你写命令 当我需要一个带版本管理的命令时,我直接让AI帮我生成。 • 开箱即用实践 : 升华“自动化”思想: 不仅工作流本身可以自动化,连创建自动化的过程也可以自动化。 10. v0.dev + Claude Code:搞定UI 插件的设置面板UI比较复杂,我没有让Claude Code硬着头皮写。 • 开箱即用实践 : a. 在 v0.dev 中用自然语言描述:“一个侧边栏设置面板,包含一个API Key输入框,和一个模型选择下拉菜单。” b. 将v0生成的React+Tailwind代码复制出来。 c. 交给Claude Code:“这是设置面板的UI代码,请为它接入状态管理,并实现保存设置到 chrome.storage 的逻辑。” a. 在 v0.dev 中用自然语言描述:“一个侧边栏设置面板,包含一个API Key输入框,和一个模型选择下拉菜单。” b. 将v0生成的React+Tailwind代码复制出来。 c. 交给Claude Code:“这是设置面板的UI代码,请为它接入状态管理,并实现保存设置到 chrome.storage 的逻辑。” v0.dev 擅长UI生成,Claude Code 擅长逻辑实现。 两者结合,能以最高效率产出高质量的前端组件。 第三章:上下文与交互——精准投喂,高效沟通 11. 精准指令:不说废话,只给有效信息 ❌ 模糊指令 : “修复一下回复建议的bug” ✅ 详细指令 : “修复 ReplySuggestionPanel 组件的bug:当点击‘获取回复建议’按钮时,如果API请求失败,现在界面会卡住。请在 catch 块中添加逻辑,将 isLoading 状态设为 false ,并显示一条错误提示。” 12. 刨根问底:别怕问“白痴”问题 当我搞不懂 chrome.runtime.sendMessage 的异步回调时。 • 开箱即用实践 :