Claude Code Dojo

Interactive learning game for mastering Claude Code extensions

What Is This?

Claude Code Dojo is a browser-based interactive learning game that teaches you how to build Claude Code extensions -- from basic slash commands to self-evolving meta-factories.

The game covers the full Claude Code extension model: CLAUDE.md, Commands, Skills, Agents, Hooks, and Plugins. All content is based on real-world analysis of production extension architectures.

Features

5 progressive levels from Foundation to Meta-Factory
25 sections with in-depth explanations and real code examples
96 interactive challenges across 4 question types:
- Multiple choice -- test your understanding
- Fill in the blank -- complete real code snippets
- Drag and match -- connect concepts to definitions
- Build it -- construct extension configurations from scratch
Interactive SVG explorer -- visual component map with animated connections
Progress tracking -- localStorage-based, pick up where you left off
Zero dependencies -- pure HTML/CSS/JS, works offline via file://

Levels

Level	Name	Focus
0	Foundation	Extension types, YAML, XML structure, file organization
1	Builder	Creating commands, skills, agents, hooks; Thin Wrapper pattern
2	Architect	Meta-Prompting, Router Pattern, Factory Pattern, Context Management
3	Meta-Builder	Self-Modification Loop, components creating components, anti-patterns
4	Meta-Factory	Self-evolving architecture, bootstrap sequence, evolution strategies

Quick Start

Option 1: Open locally

git clone https://github.com/YOUR_USERNAME/claude-code-dojo.git
cd claude-code-dojo
open docs/index.html

Option 2: GitHub Pages

Visit the live site (enable GitHub Pages pointing to /docs folder).

No build step. No dependencies. Just open and learn.

Research Materials

The research/ directory contains in-depth analysis documents (currently in Russian, English translations coming soon):

Document	Description
001-extension-model.md	Complete Claude Code extension model -- all 6 types with file structures, discovery mechanisms, and capabilities
002-design-patterns.md	9 design patterns extracted from production code: Self-Modification Loop, Router, Meta-Prompting, and more
003-learning-roadmap.md	Structured roadmap from intermediate CC user to self-evolving meta-factory (18 exercises, 5 levels)

Project Structure

claude-code-dojo/
  docs/                     # GitHub Pages root
    index.html              # Interactive learning game
    css/style.css           # Dark theme, terminal aesthetic
    js/
      app.js                # Navigation, state management
      quiz.js               # Challenge engine (4 question types)
      explorer.js           # SVG component map
      progress.js           # localStorage progress tracking
    data/
      levels.js             # All 25 sections with content and challenges
  research/
    ru/                     # Russian originals
      001-extension-model.md
      002-design-patterns.md
      003-learning-roadmap.md
    en/                     # English translations (coming soon)
  README.md                 # This file
  README.ru.md              # Russian version
  LICENSE                   # MIT
  .nojekyll                 # GitHub Pages: serve static files as-is

Credits and Inspiration

This project was born from studying incredible open-source Claude Code toolkits:

taches-cc-resources -- The primary inspiration. A curated collection of Claude Code skills, commands, subagents, and hooks by Lex Christopherson. The extension model analysis, design patterns, and all 96 challenges in this game are derived from studying this toolkit's source code. If you want to see production-grade Claude Code extensions, start here.
claude-code-mastery -- Recommended for building a solid foundation with Claude Code. Great resource for learning the basics before diving into advanced patterns.

Contributing

Contributions are welcome. Areas that could use help:

English translations of research documents
Additional challenge questions
Mobile responsive layout improvements
Accessibility enhancements

License

MIT

На русском / In Russian

Полная версия README на русском: README.ru.md

Проект содержит интерактивную обучающую игру для освоения расширений Claude Code -- от базовых slash-команд до самоэволюционирующих мета-фабрик. 5 уровней, 25 разделов, 96 заданий. Работает без зависимостей прямо в браузере.

Specs

README