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-codeGuides for using mcp servers skills like explore-claude-code.
Last scanned: 5/30/2026
{
"issues": [],
"status": "PASSED",
"scannedAt": "2026-05-30T15:30:54.963Z",
"npmAuditRan": true,
"pipAuditRan": true
}explore-claude-code is an open-source mcp servers skill for AI coding assistants such as Claude Code, Codex CLI, and ChatGPT, built by LukeRenton. Learn Claude Code by exploring it as it was designed - interactive IDE-style docs for commands, MCP, skills, CLAUDE.md and more. It has 232 GitHub stars.
Yes. explore-claude-code passed SkillsLLM's automated security scan — a dependency vulnerability audit plus prompt-injection heuristics — with no high-severity issues. You can read the full report in the Security Report section on this page.
Clone the repository with "git clone https://github.com/LukeRenton/explore-claude-code" and add it to your Claude Code skills directory (see the Installation section above).
explore-claude-code is primarily written in JavaScript. It is open-source under LukeRenton on GitHub, so you can review or fork the full source.
Yes. SkillsLLM lists many other MCP Servers skills you can browse and compare side by side. Open the MCP Servers category from the badge at the top of this page, or use the Related Skills and comparison links further down to weigh explore-claude-code against similar tools.
No comments yet. Be the first to share your thoughts!
Top skills in this category by stars
A 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/rules/ |
Contextual conventions scoped to specific file types |
.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 |
src/ |
Example source code sitting alongside real config |
| built-in/ | Features that ship with Claude Code (no setup required) |
built-in/bundled-skills/ |
/simplify, /batch, /debug, /loop, /claude-api |
The explorer is split into two sections. Everything under .claude/ is project config you create and commit. Everything under built-in/ covers features that ship with Claude Code out of the box, no setup required. A visual separator divides the two.
Every piece of content 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 # Single-page app entry point
│ ├── data/
│ │ └── manifest.json # Drives the entire UI (tree, content, badges, features)
│ ├── content/ # Source markdown and config files
│ ├── js/
│ │ ├── app.js # Main controller, routing, keyboard nav
│ │ ├── file-explorer.js # Sidebar tree with animated canvas connectors
│ │ ├── content-loader.js # Custom markdown parser and renderer
│ │ ├── terminal.js # Interactive terminal panel
│ │ ├── progress.js # Feature completion tracking (localStorage)
│ │ └── icons.js # Hand-crafted SVG icon library
│ └── css/ # Variables, layout, components, syntax, terminal, void
├── logo.png
└── README.md
All educational content is stored in site/data/manifest.json and the source files in site/content/. The manifest is the single source of truth for the tree structure, badges, feature groupings, and content references. To add or change content, that's where you go.
Contributions are welcome! Here are some areas where help would be great:
If you'd like to add or update educational content, the two places to look are:
site/data/manifest.json for tree structure and metadatasite/content/ for the actual markdown and config filesFeel free to open an issue if you have ideas or spot something that could be better.
If you found this useful, consider giving it a star! It helps others discover the project.