Claude Code 实战技巧总结

一、配置优化

1. CLAUDE.md - 项目记忆系统

作用：让 Claude 记住项目结构、技术栈、常用命令和代码风格

使用方法：

在项目根目录执行 /init 命令自动生成
或手动创建 CLAUDE.md 文件

配置示例：

# 项目概览
个人作品集网站 - ben-pathfinder

## 技术栈
- React 18 + TypeScript + Vite
- shadcn/ui 组件库
- Tailwind CSS
- Supabase 后端

## 常用命令
npm run dev          # 主站开发
npm run build        # 生产构建

## 注意事项
- pubDatetime 必须是过去时间
- 图片必须放在指定目录

效果：每次打开项目，Claude 自动加载配置，无需重复说明

2. 权限自动批准

问题：每次操作都要点击「允许」

解决方案：

# 启动时加参数
claude --dangerously-skip-permissions

# 设置别名（推荐）
alias cc="claude --dangerously-skip-permissions"

使用建议：

✅ 个人项目、熟悉的工作流
❌ 不熟悉的代码需谨慎

3. 自定义 Slash 命令

作用：一键触发常用工作流

步骤：

创建 .claude/commands/ 文件夹
创建命令文件（如 部署.md）

示例：

---
name: 部署到生产环境
description: 自动化部署流程
---

## 部署步骤
- [ ] Step 1: 运行 `pnpm run build` 检查构建
- [ ] Step 2: 创建 GitHub 仓库（可选）
- [ ] Step 3: Push 代码到 GitHub
- [ ] Step 4: 部署到 Vercel
- [ ] Step 5: 验证部署结果

使用：输入 /部署，自动执行

4. Agent Skills - 技能包系统

核心概念：给 Claude 配置专业技能包，配置一次，长期使用

三层加载机制：

Level 1: 元数据（100 token）- 判断何时使用
Level 2: 主指令（<5000 token）- 匹配时读取
Level 3: 详细资源（无限制）- 按需加载

实战应用：

Google SEO Skill：把官方文档制作成 skill，review 网站细节
自定义工作流 Skill：把常用脚本转化为可复用技能

资源获取：

官方 Skills：https://github.com/anthropics/skills
精选集：https://agentskills.best

二、效率提升

5. 上下文管理：/clear vs /compact

两个命令，不同场景：

/clear - 清空对话

清空所有历史，保留 CLAUDE.md
场景：开始新任务、切换功能模块
最佳实践：结束任务后执行，就像睡醒后干活，脑子清醒

/compact - 压缩对话

压缩历史，保留关键信息
场景：上下文快满，但需要保留讨论
适用：解决复杂问题时

6. Plan Mode - 复杂任务先规划

问题：直接执行复杂任务，做到一半发现方向错了

触发方式：

明确说「先给我一个计划」
按 Shift + Tab 切换到 Plan 模式

特点：

先做调研和计划
不直接写代码
查看计划后再开始执行

使用场景：做新网站、增加新功能时

7. Think Mode - 深度思考模式

问题：有些问题 Claude 第一反应是错的

四个级别：

think - 基础思考
think hard - 更深入
think harder - 很深入
ultrathink - 最深入

操作方式：

按 Tab 键切换 think on/off
在提示词中添加关键词增加级别

使用场景：

遇到难题，第一个方案不 work
需要多方案对比
架构设计决策

注意：简单任务别滥用，浪费时间和 token

8. 快捷键与交互技巧

核心快捷键：

Shift + 拖拽：引用文件
Escape：停止执行（不是 Ctrl + C）
双击 Escape：查看历史消息
表单提交：用方向键按右切换到 submit，然后回车

常见误区：

❌ 代码跑飞按 Ctrl + C → Claude 直接退出
✅ 按 Escape
❌ 翻半天找历史对话
✅ 双击 Escape 直接跳转

三、实战应用

9. Git 工作流 - 自动化代码管理

Claude 可以自动完成整个 Git 流程

功能：

创建 GitHub 仓库（公开/私有）
写规范的 commit message
Push 代码
创建 Pull Request

工作流示例：告诉 Claude：「帮我把这个项目提交到 GitHub，创建私有仓库」

Claude 会：

查看 git status 和 git diff
参考项目的 commit 历史
生成规范的 commit message
执行 add、commit、push

最佳实践：在 CLAUDE.md 里写：「Commit message 用中文，参考项目历史 commit 风格」

前置条件：安装 GitHub CLI

10. 代码 Review 救命指南

血泪教训案例： labubu 壁纸网站，3 天 8000 UV，因为 AI 改代码时把 <head> 里的 title、description 改成中文，SEO 全毁，流量归零。

必须 Review 的关键代码：

SEO 相关（title、description、keywords）
数据库操作
支付流程
权限控制

如何避免踩坑：

1. 让 Claude 解释改动

不确定时问：「你刚才改了什么？为什么这样改？」

2. 本地验证

部署前用 pnpm run build 检查报错

3. 定期检查源代码

Chrome 开发者工具 → Elements → <head> 标签检查 title、description、Open Graph 标签是否正确

4. 完整验证流程

涉及关键改动时：

让 Claude 先解释要改什么
改完后列出所有改动
过一遍关键部分
本地测试 + build 验证
再上线

五、相关资源

Agent Skills 精选集：https://agentskills.best
官方 Skills：https://github.com/anthropics/skills
WaytoAGI 社区：https://waytoagi.feishu.cn/wiki/Pxj8wsMmOii7ZSkN0mYc8xdtnHb

Claude Code 实战技巧总结

一、配置优化

1. CLAUDE.md - 项目记忆系统

作用：让 Claude 记住项目结构、技术栈、常用命令和代码风格

使用方法：

在项目根目录执行 /init 命令自动生成
或手动创建 CLAUDE.md 文件

配置示例：

# 项目概览
个人作品集网站 - ben-pathfinder

## 技术栈
- React 18 + TypeScript + Vite
- shadcn/ui 组件库
- Tailwind CSS
- Supabase 后端

## 常用命令
npm run dev          # 主站开发
npm run build        # 生产构建

## 注意事项
- pubDatetime 必须是过去时间
- 图片必须放在指定目录

效果：每次打开项目，Claude 自动加载配置，无需重复说明

2. 权限自动批准

问题：每次操作都要点击「允许」

解决方案：

# 启动时加参数
claude --dangerously-skip-permissions

# 设置别名（推荐）
alias cc="claude --dangerously-skip-permissions"

使用建议：

✅ 个人项目、熟悉的工作流
❌ 不熟悉的代码需谨慎

3. 自定义 Slash 命令

作用：一键触发常用工作流

步骤：

创建 .claude/commands/ 文件夹
创建命令文件（如 部署.md）

示例：

---
name: 部署到生产环境
description: 自动化部署流程
---

## 部署步骤
- [ ] Step 1: 运行 `pnpm run build` 检查构建
- [ ] Step 2: 创建 GitHub 仓库（可选）
- [ ] Step 3: Push 代码到 GitHub
- [ ] Step 4: 部署到 Vercel
- [ ] Step 5: 验证部署结果

使用：输入 /部署，自动执行

4. Agent Skills - 技能包系统

核心概念：给 Claude 配置专业技能包，配置一次，长期使用

三层加载机制：

Level 1: 元数据（100 token）- 判断何时使用
Level 2: 主指令（<5000 token）- 匹配时读取
Level 3: 详细资源（无限制）- 按需加载

实战应用：

Google SEO Skill：把官方文档制作成 skill，review 网站细节
自定义工作流 Skill：把常用脚本转化为可复用技能

资源获取：

官方 Skills：https://github.com/anthropics/skills
精选集：https://agentskills.best

二、效率提升

5. 上下文管理：/clear vs /compact

两个命令，不同场景：

/clear - 清空对话

清空所有历史，保留 CLAUDE.md
场景：开始新任务、切换功能模块
最佳实践：结束任务后执行，就像睡醒后干活，脑子清醒

/compact - 压缩对话

压缩历史，保留关键信息
场景：上下文快满，但需要保留讨论
适用：解决复杂问题时

6. Plan Mode - 复杂任务先规划

问题：直接执行复杂任务，做到一半发现方向错了

触发方式：

明确说「先给我一个计划」
按 Shift + Tab 切换到 Plan 模式

特点：

先做调研和计划
不直接写代码
查看计划后再开始执行

使用场景：做新网站、增加新功能时

7. Think Mode - 深度思考模式

问题：有些问题 Claude 第一反应是错的

四个级别：

think - 基础思考
think hard - 更深入
think harder - 很深入
ultrathink - 最深入

操作方式：

按 Tab 键切换 think on/off
在提示词中添加关键词增加级别

使用场景：

遇到难题，第一个方案不 work
需要多方案对比
架构设计决策

注意：简单任务别滥用，浪费时间和 token

8. 快捷键与交互技巧

核心快捷键：

Shift + 拖拽：引用文件
Escape：停止执行（不是 Ctrl + C）
双击 Escape：查看历史消息
表单提交：用方向键按右切换到 submit，然后回车

常见误区：

❌ 代码跑飞按 Ctrl + C → Claude 直接退出
✅ 按 Escape
❌ 翻半天找历史对话
✅ 双击 Escape 直接跳转

三、实战应用

9. Git 工作流 - 自动化代码管理

Claude 可以自动完成整个 Git 流程

功能：

创建 GitHub 仓库（公开/私有）
写规范的 commit message
Push 代码
创建 Pull Request

工作流示例：告诉 Claude：「帮我把这个项目提交到 GitHub，创建私有仓库」

Claude 会：

查看 git status 和 git diff
参考项目的 commit 历史
生成规范的 commit message
执行 add、commit、push

最佳实践：在 CLAUDE.md 里写：「Commit message 用中文，参考项目历史 commit 风格」

前置条件：安装 GitHub CLI

10. 代码 Review 救命指南

血泪教训案例： labubu 壁纸网站，3 天 8000 UV，因为 AI 改代码时把 <head> 里的 title、description 改成中文，SEO 全毁，流量归零。

必须 Review 的关键代码：

SEO 相关（title、description、keywords）
数据库操作
支付流程
权限控制

如何避免踩坑：

1. 让 Claude 解释改动

不确定时问：「你刚才改了什么？为什么这样改？」

2. 本地验证

部署前用 pnpm run build 检查报错

3. 定期检查源代码

Chrome 开发者工具 → Elements → <head> 标签检查 title、description、Open Graph 标签是否正确

4. 完整验证流程

涉及关键改动时：

让 Claude 先解释要改什么
改完后列出所有改动
过一遍关键部分
本地测试 + build 验证
再上线

五、相关资源

Agent Skills 精选集：https://agentskills.best
官方 Skills：https://github.com/anthropics/skills
WaytoAGI 社区：https://waytoagi.feishu.cn/wiki/Pxj8wsMmOii7ZSkN0mYc8xdtnHb

Claude Code 小技巧

Claude Code 实战技巧总结

一、配置优化

1. CLAUDE.md - 项目记忆系统

2. 权限自动批准

3. 自定义 Slash 命令

4. Agent Skills - 技能包系统

二、效率提升

5. 上下文管理：/clear vs /compact

/clear - 清空对话

/compact - 压缩对话

6. Plan Mode - 复杂任务先规划

7. Think Mode - 深度思考模式

8. 快捷键与交互技巧

三、实战应用

9. Git 工作流 - 自动化代码管理

10. 代码 Review 救命指南

1. 让 Claude 解释改动

2. 本地验证

3. 定期检查源代码

4. 完整验证流程

五、相关资源

Claude Code 小技巧

Claude Code 实战技巧总结

一、配置优化

1. CLAUDE.md - 项目记忆系统

2. 权限自动批准

3. 自定义 Slash 命令

4. Agent Skills - 技能包系统

二、效率提升

5. 上下文管理：/clear vs /compact

/clear - 清空对话

/compact - 压缩对话

6. Plan Mode - 复杂任务先规划

7. Think Mode - 深度思考模式

8. 快捷键与交互技巧

三、实战应用

9. Git 工作流 - 自动化代码管理

10. 代码 Review 救命指南

1. 让 Claude 解释改动

2. 本地验证

3. 定期检查源代码

4. 完整验证流程

五、相关资源