codebase-visualization

Visualize any GitHub codebase: free interactive architecture diagrams and one-minute explainer videos. Replace 'hub' with 'diagram' in any GitHub URL.

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 Codebase Intelligence for AI agents and Developers 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.

Cartograph turns any GitHub repo into an interactive dependency map by parsing real code to analyze structure, trace imports, calculate blast radius, and explain modules without AI guessing edges.

A Claude skill that turns a codebase into an explorable isometric diagram, with real data moving along the edges

RepoScribe compiles your codebase and directory structure into a Markdown document, ideal for enriching LLMs with code context or quick project reviews.

🧹 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.

Bidirectional plan diagrams for AI coding agents — the diagram is an input device.

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.

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.

Universal code structure visualization via static analysis — tree-sitter powered, no LLM

Local-first visual architecture explorer that maps codebases, dependencies, services, data stores, runtime health, change impact, and architecture drift.

Claude Code skills that generate interactive HTML dashboards explaining a codebase and its diffs. Architecture, file maps, and flow diagrams in a single file.

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.