Claude Code 可视化学习指南 — 36k stars,GitHub Trending #1。从基础概念到 Agent 编排的系统化教程,提供可直接复用的模板。

核心定位

“Master Claude Code in a Weekend” — 弥补官方文档只讲功能描述、缺乏渐进式学习路径的不足。提供 Mermaid 可视化图解 + 可即用的 copy-paste 模板 + 10 模块结构化课程。

内容结构(10 模块)

顺序模块难度时长
1Slash Commands入门30 min
2Memory(CLAUDE.md)入门+45 min
3Checkpoints中级45 min
4CLI Basics入门+30 min
5Skills中级1h
6Hooks中级1h
7MCP中级+1h
8Subagents中级+1.5h
9Advanced Features高级2-3h
10Plugins高级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(只读模式)

资源