See your codebase as a living architecture map — then edit the map and let Claude build the code
-
Updated
Jun 21, 2026 - JavaScript
See your codebase as a living architecture map — then edit the map and let Claude build the code
Point it at a codebase. Get back an isometric map you can check — every claim cites a file, a line, and the text found there.
Universal code structure visualization via static analysis — tree-sitter powered, no LLM
Turn any git repo into a fantasy map. The dragons are real: they mark your hotspots.
Live architecture signal map for agentic coding. Tree-sitter + MCP bridge lets agents query, trace, and animate your codebase graph in real time.
Transform your codebase into a clean, semantic architecture map.
Point it at any Flutter or iOS repo and get an interactive map of how the app works: screens, navigation, API calls, architecture and risks. Zero config, offline, no API key.
Make Any Product with Genius AI & Reverse Engineer Any Product-REP & Turn GitHub repos into interactive engineering workspaces with system maps, architecture diagrams, code hierarchies, mind maps, source-grounded AI, project extraction, prompts, skills and build-ready packs.
A reusable codebase-visualization skill for Claude Code and Codex.
Map a business or a codebase on one page: layers, lanes, links and measures, from spreadsheets or the repo itself. Plain words for a business, field terms for engineers. Runs locally, no dependencies. Invented samples: bizopsmap-preview-nu.vercel.app
An agent skill that draws any codebase as an engineering drafting sheet — real module dependencies, import cycles and churn, in one self-contained interactive SVG. Works with Claude Code, Codex, Gemini CLI and OpenCode.
Enhanced version of codebase-to-course. A Claude Code Skill that transforms any codebase into a stunning interactive HTML course — animated data flows, group chat visualizations, AI tutor sidebar, notes, and side-by-side code explanations.
Isometric, interactive maps of a codebase — structure, API flow, tests, and findings. Zero dependencies.
Portable Agent Skills for codebase exploration, disciplined delivery, and multi-agent coordination.
Turn a codebase into one clean architecture map — engineer view, plain-language view, and the gaps worth a look. Self-contained HTML, draggable nodes.
3D map of a git repo: files as towers, folders as districts, commits as a timeline. Three.js, runs in the browser.
To associate your repository with the codebase-visualization topic, visit your repo's landing page and select "manage topics."