Open-Source Tutorial Recommendation: Claude How-To — The Most Complete Advanced Learning Path for Claude Code, with Diagrams, Templates, and Self-Assessments

If you’ve been using Claude Code in a “search as you go” manner, this project is worth spending 11–13 hours to go through systematically.
It visualizes every core feature of Claude Code with Mermaid flowcharts, progressing from basic slash commands all the way to Subagents, MCP servers, Hooks, and Checkpoints.

Each module comes with production-ready templates you can reuse immediately — not just explaining “what this is”, but showing you “how to actually use it in engineering”.

Course Modules (10 progressive learning units):

1. Module 01-02: Slash Commands + Memory System (CLAUDE.md Best Practices)
2. Module 03-04: Skills System + Subagent Multi-Agent Architecture
3. Module 05-06: MCP Server Integration + Hooks Configuration & Automation
4. Module 07-08: Plugin Ecosystem + Checkpoint Snapshots & Recovery
5. Module 09-10: Advanced Agent Workflows + Comprehensive Project Practice
6. Each module includes Mermaid architecture diagrams + copyable configuration templates + self-assessment quizzes (total learning time: 11–13 hours)

Perfect for engineers who use Claude Code daily for development but feel like “there’s still a lot I haven’t discovered”, as well as tech leads looking to introduce Claude Code to their teams. It has already received 35.9k+ stars and is one of the most systematic and visual open-source learning resources in the Claude Code ecosystem.

Key difference from the official docs: The official docs are a “reference manual”; Claude How-To is a “learning-curve progression”. It doesn’t just tell you API parameters — it tells you “learn this first, then that, now you can do this more complex thing.” For going from zero to proficient, this linear progressive learning experience is significantly more efficient.

https://github.com/luongnv89/claude-howto…

#ClaudeCode #AIAgent #AITutorial #VibeCoding #AIEngineering

luongnv89/claude-howto

Source: https://github.com/luongnv89/claude-howto

GitHub Stars (https://github.com/luongnv89/claude-howto/stargazers)
GitHub Forks (https://github.com/luongnv89/claude-howto/network/members)

License: MIT
Version

Claude Code (https://code.claude.com)

🌐 Language / Ngôn ngữ / 语言 / Мова: English | Tiếng Việt | 中文 | Українська | 日本語

Master Claude Code in a Weekend

Go from typing claude to orchestrating agents, hooks, skills, and MCP servers — with visual tutorials, copy-paste templates, and a guided learning path.

Get Started in 15 Minutes | Find Your Level | Browse the Feature Catalog

Table of Contents

• The Problem
• How Claude How To Fixes This
• How It Works
• Not Sure Where to Start?
• Get Started in 15 Minutes
• What Can You Build With This?
• FAQ
• Contributing
• License

The Problem

You installed Claude Code. You ran a few prompts. Now what?

• The official docs describe features — but don’t show you how to combine them. You know slash commands exist, but not how to chain them with hooks, memory, and subagents into a workflow that actually saves hours.
• There’s no clear learning path. Should you learn MCP before hooks? Skills before subagents? You end up skimming everything and mastering nothing.
• Examples are too basic. A “hello world” slash command doesn’t help you build a production code review pipeline that uses memory, delegates to specialized agents, and runs security scans automatically.

You’re leaving 90% of Claude Code’s power on the table — and you don’t know what you don’t know.

How Claude How To Fixes This

This isn’t another feature reference. It’s a structured, visual, example-driven guide that teaches you to use every Claude Code feature with real-world templates you can copy into your project today.

What you get:

• 10 tutorial modules covering every Claude Code feature — from slash commands to custom agent teams
• Copy-paste configs — slash commands, CLAUDE.md templates, hook scripts, MCP configs, subagent definitions, and full plugin bundles
• Mermaid diagrams showing how each feature works internally, so you understand why, not just how
• A guided learning path that takes you from beginner to power user in 11-13 hours
• Built-in self-assessment — run /self-assessment or /lesson-quiz hooks directly in Claude Code to identify gaps

Start the Learning Path ->

How It Works

1. Find your level

Take the self-assessment quiz or run /self-assessment in Claude Code. Get a personalized roadmap based on what you already know.

2. Follow the guided path

Work through 10 modules in order — each builds on the last. Copy templates directly into your project as you learn.

3. Combine features into workflows

The real power is in combining features. Learn to wire slash commands + memory + subagents + hooks into automated pipelines that handle code reviews, deployments, and documentation generation.

4. Test your understanding

Run /lesson-quiz [topic] after each module. The quiz pinpoints what you missed so you can fill gaps fast.

Get Started in 15 Minutes

Trusted by Developers

• GitHub stars from developers who use Claude Code daily
• Forks from teams adapting this guide for their own workflows
• Actively maintained — synced with every Claude Code release (latest: v2.1.160, June 2026)
• Community-driven — contributions from developers who share their real-world configurations

Star History Chart (https://star-history.com/#luongnv89/claude-howto&Date)

Not Sure Where to Start?

Take the self-assessment or pick your level:

Full learning path with all 10 modules:

Complete Learning Roadmap ->

Get Started in 15 Minutes

Installation note: Starting in v2.1.113, Claude Code ships as a native per-platform binary (macOS/Linux/Windows). npm install -g @anthropic-ai/claude-code still works — the native binary is downloaded as an optional dep on first use. As of v2.1.116, downloads come from https://downloads.claude.ai/claude-code-releases — corporate proxies must allowlist this host.

# 1. Clone the guide  
git clone https://github.com/luongnv89/claude-howto.git  
cd claude-howto  

# 2. Copy your first slash command  
mkdir -p /path/to/your-project/.claude/commands  
cp 01-slash-commands/optimize.md /path/to/your-project/.claude/commands/  

# 3. Try it — in Claude Code, type:  
# /optimize  

# 4. Ready for more? Set up project memory:  
cp 02-memory/project-CLAUDE.md /path/to/your-project/CLAUDE.md  

# 5. Install a skill:  
cp -r 03-skills/code-review-specialist ~/.claude/skills/  

Want the full setup? Here’s the 1-hour essential setup:

# Slash commands (15 min)  
cp 01-slash-commands/*.md .claude/commands/  

# Project memory (15 min)  
cp 02-memory/project-CLAUDE.md ./CLAUDE.md  

# Install a skill (15 min)  
cp -r 03-skills/code-review-specialist ~/.claude/skills/  

# Weekend goal: add hooks, subagents, MCP, and plugins  
# Follow the learning path for guided setup  

View the Full Installation Reference

What Can You Build With This?

FAQ

Is this free?
Yes. MIT licensed, free forever. Use it in personal projects, at work, in your team — no restrictions beyond including the license notice.

Is this maintained?
Actively. The guide is synced with every Claude Code release. Current version: v2.1.160 (June 2026), compatible with Claude Code 2.1+.

How is this different from the official docs?
The official docs are a feature reference. This guide is a tutorial with diagrams, production-ready templates, and a progressive learning path. They complement each other — start here to learn, reference the docs when you need specifics.

How long does it take to go through everything?
11-13 hours for the full path. But you’ll get immediate value in 15 minutes — just copy a slash command template and try it.

Can I use this with Claude Sonnet / Haiku / Opus?
Yes. All templates work with Claude Sonnet 4.6, Claude Opus 4.8, and Claude Haiku 4.5.

Can I contribute?
Absolutely. See CONTRIBUTING.md for guidelines. We welcome new examples, bug fixes, documentation improvements, and community templates.

Can I read this offline?
Yes. Run uv run scripts/build_epub.py to generate an EPUB ebook with all content and rendered diagrams.

Start Mastering Claude Code Today

You already have Claude Code installed. The only thing between you and 10x productivity is knowing how to use it.

This guide gives you the structured path, the visual explanations, and the copy-paste templates to get there.

MIT licensed. Free forever. Clone it, fork it, make it yours.

Start the Learning Path -> | Browse the Feature Catalog | Get Started in 15 Minutes

Quick Navigation — All Features

Feature Comparison

Installation Quick Reference

# Slash Commands  
cp 01-slash-commands/*.md .claude/commands/  

# Memory  
cp 02-memory/project-CLAUDE.md ./CLAUDE.md  

# Skills  
cp -r 03-skills/code-review-specialist ~/.claude/skills/  

# Subagents  
cp 04-subagents/*.md .claude/agents/  

# MCP  
export GITHUB_TOKEN="token"  
claude mcp add github -- npx -y @modelcontextprotocol/server-github  

# Hooks  
mkdir -p ~/.claude/hooks  
cp 06-hooks/*.sh ~/.claude/hooks/  
chmod +x ~/.claude/hooks/*.sh  

# Plugins  
/plugin install pr-review  

# Checkpoints (auto-enabled, configure in settings)  
# See 08-checkpoints/README.md  

# Advanced Features (configure in settings)  
# See 09-advanced-features/config-examples.json  

# CLI Reference (no installation needed)  
# See 10-cli/README.md for usage examples  

1. Slash Commands

Location: 01-slash-commands/
What: User-invoked shortcuts stored as Markdown files
Examples:

• optimize.md - Code optimization analysis
• pr.md - Pull request preparation
• generate-api-docs.md - API documentation generator
  Installation:

cp 01-slash-commands/*.md /path/to/project/.claude/commands/  

Usage:

/optimize  
/pr  
/generate-api-docs  

Learn More: Discovering Claude Code Slash Commands (https://medium.com/@luongnv89/discovering-claude-code-slash-commands-cdc17f0dfb29)

2. Memory

Location: 02-memory/
What: Persistent context across sessions
Examples:

• project-CLAUDE.md - Team-wide project standards
• directory-api-CLAUDE.md - Directory-specific rules
• personal-CLAUDE.md - Personal preferences
  Installation:

# Project memory  
cp 02-memory/project-CLAUDE.md /path/to/project/CLAUDE.md  

# Directory memory  
cp 02-memory/directory-api-CLAUDE.md /path/to/project/src/api/CLAUDE.md  

# Personal memory  
cp 02-memory/personal-CLAUDE.md ~/.claude/CLAUDE.md  

Usage: Automatically loaded by Claude

3. Skills

Location: 03-skills/
What: Reusable, auto-invoked capabilities with instructions and scripts
Examples:

• code-review-specialist/ - Comprehensive code review with scripts
• brand-voice/ - Brand voice consistency checker
• doc-generator/ - API documentation generator
  Installation:

# Personal skills  
cp -r 03-skills/code-review-specialist ~/.claude/skills/  

# Project skills  
cp -r 03-skills/code-review-specialist /path/to/project/.claude/skills/  

Usage: Automatically invoked when relevant

4. Subagents

Location: 04-subagents/
What: Specialized AI assistants with isolated contexts and custom prompts
Examples:

• code-reviewer.md - Comprehensive code quality analysis
• test-engineer.md - Test strategy and coverage
• documentation-writer.md - Technical documentation
• secure-reviewer.md - Security-focused review (read-only)
• implementation-agent.md - Full feature implementation
  Installation:

cp 04-subagents/*.md /path/to/project/.claude/agents/  

Usage: Automatically delegated by main agent

5. MCP Protocol

Location: 05-mcp/
What: Model Context Protocol for accessing external tools and APIs
Examples:

• github-mcp.json - GitHub integration
• database-mcp.json - Database queries
• filesystem-mcp.json - File operations
• multi-mcp.json - Multiple MCP servers
  Installation:

# Set environment variables  
export GITHUB_TOKEN="your_token"  
export DATABASE_URL="postgresql://..."  

# Add MCP server via CLI  
claude mcp add github -- npx -y @modelcontextprotocol/server-github  

# Or add to project .mcp.json manually (see 05-mcp/ for examples)  

Usage: MCP tools are automatically available to Claude