← Back to claude-code
Claude How-To: a visual guide from basics to advanced
Visual, example-driven guide with Mermaid diagrams and copy-paste templates. 10,000+ stars, MIT license.
What is Claude How To?
Claude How To is a visual, example-driven guide that helps you go from only knowing how to type claude plainly, to orchestrating agents, hooks, skills, and MCP servers like a pro.
This is not feature reference documentation. It is a structured learning path, complete with real templates you can copy-paste into your project today.
Why read it?
- ⚡ 10 modules covering every Claude Code feature, from slash commands to custom agent teams
- 📊 Mermaid diagrams explain how each feature works internally, not just the "how" but also the "why"
- 📋 Copy-paste templates: slash commands, CLAUDE.md, hook scripts, MCP configs, subagent definitions
- 🎯 Guided learning path: from beginner → power user in 11 to 13 hours
- 🧪 Self-assessment: run
/self-assessmentor/lesson-quizdirectly inside Claude Code
Comparison with the Official Docs
| Official Docs | Claude How To | |
|---|---|---|
| Format | Reference documentation | Visual tutorials + Mermaid diagrams |
| Depth | Describes features | Explains how it works internally |
| Examples | Basic snippets | Production-ready templates |
| Structure | By feature | Progressive learning path |
| Onboarding | Self-directed | Guided roadmap with time estimates |
| Self-Assessment | None | Interactive quizzes |
10 Modules: Learning Path
From beginner → advanced, every module comes with copy-paste templates:
| # | Module | Level | Duration |
|---|---|---|---|
| 1 | Slash Commands | Beginner | 30 min |
| 2 | Memory | Beginner+ | 45 min |
| 3 | Checkpoints | Intermediate | 45 min |
| 4 | CLI Basics | Beginner+ | 30 min |
| 5 | Skills | Intermediate | 1 hr |
| 6 | Hooks | Intermediate | 1 hr |
| 7 | MCP | Intermediate+ | 1 hr |
| 8 | Subagents | Intermediate+ | 1.5 hr |
| 9 | Advanced Features | Advanced | 2-3 hr |
| 10 | Plugins | Advanced | 2 hr |
Quick Start: First 15 Minutes
```bash
# 1. Clone guide
git clone https://github.com/luongnv89/claude-howto.git
cd claude-howto
# 2. Copy your first slash command
mkdir -p ~/.claude/commands
cp 01-slash-commands/optimize.md ~/.claude/commands/
# 3. Try it: in Claude Code, type:
# /optimize
# 4. Setup project memory
cp 02-memory/project-CLAUDE.md ./CLAUDE.md
# 5. Install a skill
cp -r 03-skills/code-review ~/.claude/skills/
```Impressive numbers
- ⭐ 10,000+ GitHub stars from developers who use Claude Code every day
- 🍴 1,000+ forks: teams adapt the guide to their own workflow
- 🔄 Actively maintained: kept in sync with every Claude Code release (latest: v2.2.0, March 2026)
- 🌍 Community-driven: contributors share real-world configurations
AI Agents with Claude Code
If you want to dive deeper into how Agentic AI and Claude Code work together in practice, check out Agentic AI with Claude Code: Presentation.
Try it now
📦 Clone the repo on GitHub , MIT License, completely free.