See your project clearly.
PlanVisualizer is a self-contained project dashboard for agentic coding projects. Works with Claude Code, Codex, Gemini, and more via adapters. Parses your plan, test, bug, cost, and progress files into a static 7-tab HTML dashboard — no runtime dependencies beyond Node.js.
When you build with agentic coding tools, you accumulate a lot of structured markdown: release plans, test cases, bug logs, cost logs, lessons learned. PlanVisualizer turns all of that into a single, searchable HTML dashboard you can open in any browser.
No server. No cloud. No SaaS subscription. Run one command and get a complete picture of your project.
The Seven Tabs
- Hierarchy — Epic → User Story → Task tree view.
- Kanban — Stories by status: Backlog, In Progress, Done.
- Traceability — User Stories linked to Test Cases and Bugs.
- Charts — Progress charts by epic and status.
- Trends — Session-by-session cost and progress trends.
- Costs — AI cost log with per-session breakdown.
- Bugs & Lessons — Bug tracker and lessons learned log.
Features
- Global Search — ⌘K / Ctrl+K to jump to any story, bug, or lesson by ID or keyword.
- Zero Runtime — Node.js and git only. No npm install required in CI.
- Multi-Platform Adapters — Native adapters for Claude Code, Codex, Gemini, and more. Works with any agentic coding workflow.
- Config-Driven — One
plan-visualizer.config.jsonadapts to any project structure. - Install via Script — One-line install into any existing project.
- Free and open source.