# Claude Code Advanced Guide

Teaches advanced Claude Code tools, MCP, workflows and practices in Chinese.

- Repository: https://github.com/2025Emma/vibe-coding-cn (23122 stars)
- Category: AI and agents
- License: MIT
- Last updated: 2025-12-17
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add 2025Emma/vibe-coding-cn --skill claude-code-guide -g -a claude-code -y`
Codex: `npx skills add 2025Emma/vibe-coding-cn --skill claude-code-guide -g -a codex -y`
Cursor: `npx skills add 2025Emma/vibe-coding-cn --skill claude-code-guide -g -a cursor -y`
Gemini CLI: `npx skills add 2025Emma/vibe-coding-cn --skill claude-code-guide -g -a gemini-cli -y`

## Description

Claude Code 高级开发指南 - 全面的中文教程，涵盖工具使用、REPL 环境、开发工作流、MCP 集成、高级模式和最佳实践。适合学习 Claude Code 的高级功能和开发技巧。

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# Claude Code 高级开发指南

全面的 Claude Code 中文学习指南，涵盖从基础到高级的所有核心概念、工具使用、开发工作流和最佳实践。

## 何时使用此技能

当需要以下帮助时使用此技能：
- 学习 Claude Code 的核心功能和工具
- 掌握 REPL 环境的高级用法
- 理解开发工作流和任务管理
- 使用 MCP 集成外部系统
- 实现高级开发模式
- 应用 Claude Code 最佳实践
- 解决常见问题和错误
- 进行大文件分析和处理

## 快速参考

### Claude Code 核心工具（7个）

1. **REPL** - JavaScript 运行时环境
   - 完整的 ES6+ 支持
   - 预加载库：D3.js, MathJS, Lodash, Papaparse, SheetJS
   - 支持 async/await, BigInt, WebAssembly
   - 文件读取：`window.fs.readFile()`

2. **Artifacts** - 可视化输出
   - React, Three.js, 图表库
   - HTML/SVG 渲染
   - 交互式组件

3. **Web Search** - 网络搜索
   - 仅美国可用
   - 域名过滤支持

4. **Web Fetch** - 获取网页内容
   - HTML 转 Markdown
   - 内容提取和分析

5. **Conversation Search** - 对话搜索
   - 搜索历史对话
   - 上下文检索

6. **Recent Chats** - 最近对话
   - 访问最近会话
   - 对话历史

7. **End Conversation** - 结束对话
   - 清理和总结
   - 会话管理

### 大文件分析工作流

```bash
# 阶段 1：定量评估
wc -l filename.md    # 行数统计
wc -w filename.md    # 词数统计
wc -c filename.md    # 字符数统计

# 阶段 2：结构分析
grep "^#{1,6} " filename.md  # 提取标题层次
grep "```" filename.md       # 识别代码块
grep -c "keyword" filename.md # 关键词频率

# 阶段 3：内容提取
Read filename.md offset=0 limit=50      # 文件开头
Read filename.md offset=N limit=100     # 目标部分
Read filename.md offset=-50 limit=50    # 文件结尾
```

### REPL 高级用法

```javascript
// 数据处理
const data = [1, 2, 3, 4, 5];
const sum = data.reduce((a, b) => a + b, 0);

// 使用预加载库
// Lodash
_.chunk([1, 2, 3, 4], 2);  // [[1,2], [3,4]]

// MathJS
math.sqrt(16);  // 4

// D3.js
d3.range(10);  // [0,1,2,3,4,5,6,7,8,9]

// 读取文件
const content = await window.fs.readFile('path/to/file');

// 异步操作
const result = await fetch('https://api.example.com/data');
const json = await result.json();
```

### 斜杠命令系统

**内置命令：**
- `/help` - 显示帮助
- `/clear` - 清除对话
- `/plugin` - 管理插件
- `/settings` - 配置设置

**自定义命令：**
创建 `.claude/commands/mycommand.md`：
```markdown
根据需求执行特定任务的指令
```

使用：`/mycommand`

### 开发工作流模式

#### 1. 文件分析工作流
```bash
# 探索 → 理解 → 实现
ls -la                  # 列出文件
Read file.py            # 读取内容
grep "function" file.py # 搜索模式
# 然后实现修改
```

The rest: https://github.com/2025Emma/vibe-coding-cn/blob/HEAD/i18n/zh/skills/claude-code-guide/SKILL.md