Claude Code 可视化学习指南 — 36k stars,GitHub Trending #1。从基础概念到 Agent 编排的系统化教程,提供可直接复用的模板。
核心定位
“Master Claude Code in a Weekend” — 弥补官方文档只讲功能描述、缺乏渐进式学习路径的不足。提供 Mermaid 可视化图解 + 可即用的 copy-paste 模板 + 10 模块结构化课程。
内容结构(10 模块)
| 顺序 | 模块 | 难度 | 时长 |
|---|---|---|---|
| 1 | Slash Commands | 入门 | 30 min |
| 2 | Memory(CLAUDE.md) | 入门+ | 45 min |
| 3 | Checkpoints | 中级 | 45 min |
| 4 | CLI Basics | 入门+ | 30 min |
| 5 | Skills | 中级 | 1h |
| 6 | Hooks | 中级 | 1h |
| 7 | MCP | 中级+ | 1h |
| 8 | Subagents | 中级+ | 1.5h |
| 9 | Advanced Features | 高级 | 2-3h |
| 10 | Plugins | 高级 | 2h |
完整学习路径约 11-13 小时。
核心亮点
- Mermaid 图解:每个特性附架构图,理解”为什么”而不只是”怎么做”
- 自测系统:
/self-assessment和/lesson-quiz [topic]直接在 Claude Code 内运行测验 - 多语言支持:英语/越南语/中文/乌克兰语/日语
- 持续同步:跟随 Claude Code 版本迭代更新(当前 v2.1.160,June 2026)
- EPUB 导出:
uv run scripts/build_epub.py生成离线阅读文档
典型使用方式
# 克隆后直接复用模板
git clone https://github.com/luongnv89/claude-howto.git
# 复制 slash command 到项目
cp 01-slash-commands/optimize.md .claude/commands/
# 复制项目 memory 模板
cp 02-memory/project-CLAUDE.md ./CLAUDE.md
# 安装 skill
cp -r 03-skills/code-review-specialist ~/.claude/skills/与官方文档的对比
| 官方文档 | 本指南 | |
|---|---|---|
| 形式 | 特性参考 | 可视化教程 |
| 深度 | 功能描述 | 底层原理图解 |
| 示例 | 基础片段 | 生产就绪模板 |
| 结构 | 按特性组织 | 渐进式学习路径 |
| 自评 | 无 | 交互式测验 |
可构建的场景
- 自动化 Code Review:Slash Commands + Subagents + Memory + MCP
- CI/CD 自动化:CLI + Hooks + Background Tasks
- 文档生成:Skills + Subagents + Plugins
- 安全审计:Subagents + Skills + Hooks(只读模式)
资源
- 完整学习路径:LEARNING-ROADMAP.md
- 功能目录:CATALOG.md
- 中文版:zh/README.md