What it does
An interactive, click-through simulation of a Claude Code project. Each file and folder in the sidebar is a real concept, such as CLAUDE.md, settings.json, rules, commands, skills, agents, hooks, plugins and .mcp.json. Click any item to see what it does, how to set it up and an annotated example you can copy into your own project. A live demo is available online.
Use cases
- 01Learn what CLAUDE.md and settings.json are for
- 02See annotated examples of skills, agents and hooks
- 03Copy example configuration into your own project