Open-source AI job search agent and job finder: scan job boards, score each job 1-5 against your CV before you apply, tailor an ATS-friendly resume and cover letter, get…
Explore Claude Code
Learn Claude Code by exploring it as it was designed - interactive IDE-style docs for commands, MCP, skills, CLAUDE.md and more.
Install
$
npx serve siteClaude Code
claude mcp add explore-claude-code -- npx serve siteCursor / Claude Desktop (mcp.json)
{
"mcpServers": {
"explore-claude-code": {
"command": "npx",
"args": [
"serve",
"site"
]
}
}
}Install command taken from the project's README or registry entry. Always review code before running it.
README excerpt
Read full README on GitHub →Learn Claude Code by exploring it.
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.
📚 What You'll Learn
| 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 |
.claude/mods/ |
JavaScript hooks that run inside your session and draw custom UI |
.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, /code-review, /run, /plugin-authoring, and more |
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.
⌨️ Getting Around
- Search with
Ctrl/Cmd + K: a palette that jumps to any file or feature by title, path, or badge - Light and dark themes via a title-bar toggle that remembers your choice and follows your system preference
- Copy link on any page to share a deep link straight to that entry
- Arrow keys step through files in order, and the terminal panel runs a slash-command emulator (
/help,/init,/doctor, and more)
🚀 Try It
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
🏗️ Project Structure
The entire site is static HTML, CSS, and vanilla JavaScript. Zero build steps, zero frameworks, zero bundlers.
Similar plugs
OmO: Just type "mass ulw" keyword with your prompt. Now you are the master of graph engineering.
Agent skill that removes signs of AI-generated writing from text
Editorial diagram design for Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid, and Pi. 44 diagram types. Self-contained HTML + SVG. No shadows. No Mermaid slop.
Marketing skills for Claude Code and AI agents. CRO, copywriting, SEO, analytics, and growth engineering.
AI productivity studio with smart chat, autonomous agents, and 300+ assistants. Unified access to frontier LLMs