Learning Playgrounds

Interactive explorers for complex engineering topics. Each playground is a self-contained HTML tool built with the Claude Code Playground plugin.

🤖

AI Agent Architecture

Interactive concept map covering AI agent patterns: routing, orchestration, delegation, and reflection. Click nodes to explore pseudocode, use cases, and connections.

concept map pseudocode patterns
💻

LLM Inference Infrastructure

Five interactive sections: VRAM calculator, quantization tradeoffs, parallelism strategy visualizer, buy vs rent decision tool, and MoE vs dense comparison.

VRAM calc quantization parallelism
🎨

Frontend Decision Framework

Rendering strategy visualizer with timeline controls, meta-framework elimination bracket with constraint filtering, and org structure decision cards.

rendering frameworks decisions
☁️

Hosting Decisions

Six tools: rendering compatibility matrix, cost calculator with live charts, lock-in visualizer, hosting selector wizard, operational complexity spectrum, and platform comparison.

cost calc lock-in wizard
🧩

AI Workflow Orchestrators

Decision tools for choosing GSD, Superpowers, Conductor, and Spec Kit. Guided questionnaire, context management visualizer, flexibility spectrum, and durability analysis.

wizard context viz spectrum
⚖️

Agent Harness Decision Framework

Choose between BMAD, GSD, Superpowers, and Anthropic's native harness. Ablation explorer, architecture comparison, dilution visualizer, obsolescence matrix, and hybrid builder.

ablation decision tree hybrid builder
📋

AI Agent Spec Builder

Walk through seven dimensions of agent configuration -- vision, commands, structure, style, boundaries, testing, and git workflow -- then generate a complete agent spec.

wizard agent config generator
🧠

Agent Memory Lifecycle

Session lifecycle explorer for AI coding agents. Interactive timeline, layer explorer mapping intent to commands, and query router showing which memory layer handles each recall.

timeline memory layers query router
🔀

Parallel Agent Dispatch

Build parallel agent dispatch configurations. Task inventory, decision wizard, and config generator covering fan-out, pipeline, shared workspace, and peer coordination patterns.

fan-out pipeline patterns
🏛

AI Governance 6L-G Explorer

Deep dive into the Six-Level Governance framework for AI systems. Explore governance layers, controls, and compliance patterns across organizational contexts.

governance 6L-G compliance
📝

CCA Foundations Exam Flashcards

Interactive flashcard deck for studying CCA Foundations exam topics. Flip cards, track progress, and test your knowledge across certification domains.

flashcards CCA certification