claudecodeguide.dev is live! 34+ pages, interactive demos, free and open source

[mshadmanrahman]

The Claude Code Guide is officially live at claudecodeguide.dev.

What is this?

A practitioners guide to Claude Code. Not documentation. Not a tutorial collection. A complete system for going from "what is this?" to "I cant work without it."

What is inside

• 34+ content pages covering foundations, patterns, workflows, templates, and comparisons
• 45+ interactive terminal demos — every page shows you what to expect before you try it
• 9-step interactive setup guide with progress tracking
• 5 CLAUDE.md templates (Next.js, monorepo, Python, PM workspace)
• 6 comparison pages (vs Cursor, Copilot, Windsurf, Codex, Gemini CLI)
• Blog with Substack newsletter integration

The voice

This is NOT your typical docs site. Every page is written like a practitioner talking to a friend. Opinionated, conversational, and honest about what works and what does not.

Open source

The entire site is MIT licensed. Fork it, contribute, make it yours. Every article is an .mdx file — if you can write Markdown, you can contribute.

What is next

• Video walkthroughs (Remotion)
• Guided hands-on tutorials
• Community templates gallery
• Translations

Star the repo if you find it useful. It helps others find it too.

— Shadman