Component theme

Claude Code

12 components, each a single self-contained HTML file — no frameworks, no build step. Preview them here, or see them live on the canvas.

• Context pressureSee remaining room before another task. Warm graphite and clay ledger; labeled Demo, versioned local host data.
• Agent tasksFind work that needs attention. Warm graphite and clay ledger; labeled Demo, versioned local host data.
• Permission reviewReview one pending tool request. Warm graphite and clay ledger; labeled Demo, versioned local host data.
• Hunk reviewRecord a review without applying a patch. Warm graphite and clay ledger; labeled Demo, versioned local host data.
• MCP healthInspect observed tool connections. Warm graphite and clay ledger; labeled Demo, versioned local host data.
• Instruction mapRead project instructions and their scope. Warm graphite and clay ledger; labeled Demo, versioned local host data.
• Usage and costSeparate measured usage from missing data. Warm graphite and clay ledger; labeled Demo, versioned local host data.
• Hook traceFollow tool events and reported outcomes. Warm graphite and clay ledger; labeled Demo, versioned local host data.
• Test receiptCheck the command, commit and actual exit code. Warm graphite and clay ledger; labeled Demo, versioned local host data.
• Worktree mapLocate each branch and working directory. Warm graphite and clay ledger; labeled Demo, versioned local host data.
• Session replayRead an event trail in order. Warm graphite and clay ledger; labeled Demo, versioned local host data.
• Handoff builderLeave a useful checkpoint. Warm graphite and clay ledger; labeled Demo, versioned local host data.