Interactive 3D Experience

⚙

QueryEngine

Orchestrates every conversation

🔧

Tool System

45+ integrated tools

🛡

Security

4-layer defense

🤖

Agents

6 specialized types

💫

Prompt

20+ dynamic sections

🌙

Dream

Self-reflection engine

Claude Code

Explore the complete architecture through interactive 3D visualizations, cinematic animations, and hands-on games.

512KLines of Code

1,884Source Files

45+Tools

6Agent Types

Scroll to explore

Core Engine

The Query Loop

Every interaction flows through a continuous cycle: receive input, assemble the system prompt, call Claude, parse tool calls, execute, and return. The heartbeat that never stops.

6Stages

∞Continuous

✎Input

📋Prompt

☁API

🔌Parse

⚙Execute

↻Return

45+ Tools

Tool System

Every tool follows the same contract: validate, permission-check, execute, return. Hover each card to flip it and discover what powers Claude Code.

45+Tools

6Categories

📄

Read

FileReadToolRead files with line numbers. Images, PDFs, notebooks.

✎

Edit

FileEditToolExact string replacement preserving indentation.

⌨

Bash

BashToolShell execution with 370-line safety prompt.

🔍

Grep

GrepToolRipgrep search with regex and multiline.

🤖

Agent

AgentToolSpawn isolated sub-agents for complex tasks.

🌐

Web

WebFetchFetch URLs and search the web.

📝

Write

FileWriteToolCreate or overwrite files safely.

📂

Glob

GlobToolFast file pattern matching.

☑

Tasks

TaskToolsBreak work into trackable steps.

Multi-Agent

Agent System

Specialized sub-agents orbit the central Coordinator. Each runs in isolated context with unique capabilities — from quick exploration to deep architectural planning.

6Types

∞Nestable

💫

Coordinator

🔎Explore

📝Plan

🔧General

✅Verify

📚Guide

⚙Status

🚀Custom

Defense in Depth

Security Architecture

Four stacked layers of protection. Every tool call passes through multiple gates before execution. Hover the stack to see each layer separate in 3D space.

4Layers

3Modes

🔒

Permission System

Default, Auto, or Bypass modes

🛡

Path Validation

Blocks traversal attacks

⚠

Command Analysis

Dangerous command detection

📦

Sandbox

Seatbelt / seccomp isolation

Source Code

Architecture in Code

Key patterns from the codebase floating in 3D space. Hover each block to pull it forward and inspect the real code that powers Claude Code.

1,884Files

512KLines

export class QueryEngine {
  async query(messages) {
    // The main loop
    while (needsResponse) {
      await claude.call();
    }
  }
}

interface Tool {
  name: string;
  execute(input): Promise;
  validateInput(): boolean;
  checkPermissions(): boolean;
}

// Permission check
if (mode === 'default') {
  await askUser(tool);
} else if (mode === 'auto') {
  autoAllow(tool);
}

const agent = spawn({
  type: 'explore',
  tools: [Glob, Grep, Read],
  isolation: 'worktree'
});

Persistence

Memory System

Knowledge persists across sessions through five memory types. The system loads relevant context at conversation start and updates as it learns.

5Types

∞Persistent

1

CLAUDE.md

Project-level instructions. Shared with team.

2

User Memory

Your role, preferences, expertise.

3

Project Memory

Ongoing work, goals, deadlines.

4

Feedback Memory

Corrections and confirmations.

5

Reference Memory

External resources and links.

Special Features

Feature Carousel

Six unique systems rotating in 3D. Hover to pause and explore.

🦆

Buddy System

Deterministic companion generated from your user ID.

🌙

Dream Engine

3-gate reflection cycle for self-improvement.

⏰

KAIROS

Internal time awareness for context-sensitive responses.

🚧

ULTRAPLAN

Multi-step automated planning engine.

🕵

Undercover

Stealth mode for sensitive operations.

🎓

Skills

YAML markdown skill system.

Live Demo

The CLI in Action

Watch Claude Code process a real interaction — command to tools to output.

claude-code — session

Tool Matching Game

Click a tool icon, then click its matching description. How fast can you go?

Score: 0 / 8  •  Time: 0s

Reset Game

Codebase Analytics

By The Numbers

Every metric from the Claude Code codebase — files, lines, classes, comments, and more.

0

Lines of Code

Across all source files

0

Source Files

TypeScript + TSX

0

Classes

OOP architecture

0

Functions

1,240 async

0

Interfaces

Type-safe contracts

0

Comments

4,200 JSDoc blocks

0

Imports

Module dependencies

0

Exports

Public APIs

Architecture

Lines by Module

How the 512K lines of code are distributed across the 15 major modules. Tools is the largest — the core system is surprisingly compact.

15Modules

272Avg File Length

Prompt Engineering

Good vs Bad Prompts

Learn what makes an effective prompt through real examples. Filter by category and see exactly why each prompt succeeds or fails.

All Bug Fix Feature Refactor Testing Architecture Debug

Object-Oriented

187 Classes Explored

The 30 most important classes in the Claude Code codebase — their files, methods, and responsibilities.

Git History

2,088 Commits

The commit history broken down by type — from features and bug fixes to security patches and performance improvements.

2,088Total Commits

10Categories

Code Quality

Design Patterns

The engineering patterns that make Claude Code maintainable and extensible across 500K+ lines.

Ready to Dive Deeper?

Explore the full documentation, try the playground, or read the complete book.

Read the Docs Playground The Book Browse Code