Paste any GitHub URL → interactive architecture map. See how files connect, find what breaks if you change something. No install, no accounts — runs entirely in your browser.
-
Updated
Aug 20, 2026 - HTML
Paste any GitHub URL → interactive architecture map. See how files connect, find what breaks if you change something. No install, no accounts — runs entirely in your browser.
Turn complex codebases into clear, navigable architecture diagrams with Claude Code.
See your codebase as a living architecture map — then edit the map and let Claude build the code
An Open Source Intelligent Codebase Visualizer for you and your agents for javascript, typescript, reactjs, nextjs, python, java, go and rust for easy PR review, fast Onboarding and deep architectural understanding
Visualize any GitHub repository as an interactive dependency graph. Analyze imports, trace file relationships, and understand complex codebases instantly. Built with React, D3, and TypeScript.
CodebaseMD: A VS Code extension that converts codebases into structured Markdown documentation, optimized for LLMs and agentic coding tools. Features include syntax highlighting, directory visualization, project statistics, and our unique Micro Export format that intelligently condenses code into semantic patterns. Ideal for AI-assisted coding.
RepoScribe compiles your codebase and directory structure into a Markdown document, ideal for enriching LLMs with code context or quick project reviews.
Bidirectional plan diagrams for AI coding agents — the diagram is an input device.
A Claude skill that turns a codebase into an explorable isometric diagram, with real data moving along the edges
🧹 A code janitor for AI agents — map any codebase into functional modules, score every module 0-100 for tech debt, and clean up the spaghetti incrementally. A Claude Code / Codex skill.
Knowledge graph visualizer — Sigma.js/React UI inspired by GitNexus. Renders 76K+ code nodes from 67 merged repos with search, filtering, and ForceAtlas2/Tree/Circle views.
Slice open any codebase and see how it's wired — interactive, zero-dependency map of files → functions → API routes → database tables.
A Claude Code Skill (packaged as an installable plugin) that turns a codebase into an interactive, C4-style architecture diagram — a single self-contained HTML file with no build step and no dependencies.
Claude Code skills that generate interactive HTML dashboards explaining a codebase and its diffs. Architecture, file maps, and flow diagrams in a single file.
Universal code structure visualization via static analysis — tree-sitter powered, no LLM
Transform your codebase into a clean, semantic architecture map.
Code knowledge graph for AI coding agents. Point it at a GitHub repo, get a queryable graph of every function, class, and dependency — so your agent stops burning context (and tokens) reading whole files. Tree-sitter + symbol index, incremental builds. Self-hosted. Python/Java/JS.
Live architecture signal map for agentic coding. Tree-sitter + MCP bridge lets agents query, trace, and animate your codebase graph in real time.
Maps source repositories into inspectable RDF knowledge bundles — files, imports, ASTs, symbol xrefs, and a SKOS concept graph — SHACL-validated, with mechanically derived facts kept separate from optional LLM enrichment. 20 first-class languages. CLI, FastAPI backend, React UI, read-only MCP server.
Add a description, image, and links to the codebase-visualization topic page so that developers can more easily learn about it.
To associate your repository with the codebase-visualization topic, visit your repo's landing page and select "manage topics."