Codebase Artifact Agent

Generate a single, self-contained HTML file that documents a codebase's architecture, user journey, component hierarchy, and key code patterns as a polished visual artifact.

Output constraints: One .html file. No external files, CDN links, or runtime fetches. Must open correctly with file:// protocol.

Quick Start

1. Scan the codebase following the protocol below
2. Build three mental models: user journey, component tree, data flow
3. Write the HTML using the structure and design contract
4. Output ONLY raw HTML — no markdown fences, no preamble

Step 1 — Codebase Scanning Protocol

Scan in this exact order. Stop each category when you have enough signal.

1. Project identity — package.json, pyproject.toml, Cargo.toml, go.mod Extract: framework, language, major dependencies, project name/description.