by LukeRenton
Learn Claude Code by exploring it as it was designed - interactive IDE-style docs for commands, MCP, skills, CLAUDE.md and more.
# Add to your Claude Code skills
git clone https://github.com/LukeRenton/explore-claude-codeA simulated Claude Code project you can click through. Every file and folder in the sidebar is a real Claude Code concept — the same .claude/ directory, config files, and scaffolding you'd find in an actual repo. Click any file to learn what it does, how to set it up, and see annotated examples you can copy into your own projects.
| Folder / File | Feature |
|---|---|
| CLAUDE.md | Project memory that persists across sessions |
| .claude/settings.json | Permissions, tool access, and guardrails |
| .claude/commands/ | Custom slash commands for saved workflows |
| .claude/skills/ | Knowledge folders Claude loads autonomously |
| .claude/agents/ | Subagents for specialised, delegated tasks |
| .claude/hooks/ | Shell scripts that run on Claude lifecycle events |
| .claude/plugins/ | Extend Claude with custom tools and resources |
| .mcp.json | MCP server config for external tool integrations |
| | Example source code sitting alongside real config |
No comments yet. Be the first to share your thoughts!
src/Every piece of content in the explorer is written as if it were a real config file in a real repo. You're not reading about the config, you're reading the config itself, annotated so you understand every line. When you're done exploring, you can copy the scaffolding straight into your own projects.
The fastest way to get started is the live site:
No install, no signup, no build step. Just open it and start clicking.
If you want to run it locally, clone the repo and point any static server at the site/ directory:
git clone https://github.com/LukeRenton/explore-claude-code.git
cd explore-claude-code
npx serve site
# or
python -m http.server -d site 8080
# or just open site/index.html directly in your browser
The entire site is static HTML, CSS, and vanilla JavaScript. Zero build steps, zero frameworks, zero bundlers.
explore-claude-code/
├── site/
│ ├── index.html ...