<picture> <source media="(prefers-color-scheme: dark)" srcset="resources/logos/claude-howto-logo-dark.svg"> <img alt="Claude How To" src="resources/logos/claude-howto-logo.svg"> </picture>

Claude How To

A visual, example-driven guide to Claude Code — from basic concepts to advanced agents, with copy-paste templates that bring immediate value.

Why This Guide?

This project complements Anthropic's official documentation with a different approach:

| | Official Docs | This Guide | |--|---------------|------------| | Format | Reference documentation | Visual tutorials with diagrams | | Depth | Feature descriptions | How it works under the hood | | Examples | Basic snippets | Production-ready templates you can use immediately | | Structure | Feature-organized | Progressive learning path (beginner → advanced) | | Onboarding | Self-directed | Guided roadmap with time estimates |

What you'll find here:

• Mermaid diagrams explaining how each feature works
• Ready-to-use configurations you can copy into your project
• Real-world examples with context and best practices
• Clear progression from /help to building custom agents
• Troubleshooting guides based on common issues

---

Table of Contents

• Why This Guide?
• Feature Catalog
• Quick Navigation
• Learning Path
• Quick Reference