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

github video ai code nextjs developer-tools mermaid software-architecture code-visualization system-design architecture-diagram diagram-generator llm codebase-visualization repository-visualization gemini-cli-extension

• Updated Nov 11, 2026
• TypeScript

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.

visualization github-api architecture code-analysis dependency-graph developer-tools d3js single-file browser-based codebase-visualization

• Updated Oct 20, 2026
• HTML

See how your app actually fits together. An interactive, plain-English map of your codebase, drawn by Claude or Codex.

onboarding openai developer-tools codex architecture-diagram claude codebase-visualization ai-coding vibe-coding claude-code claude-code-plugin codex-plugin

• Updated Nov 11, 2026
• JavaScript

Turn complex codebases into clear, navigable architecture diagrams with Claude Code.

cli documentation ai architecture developer-tools diagrams mermaid codebase-visualization claude-code claude-code-skill

• Updated Apr 7, 2026
• TypeScript

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.

codeanalysis supabase clerk langsmith codebase-visualization agentic-engineering nextjs16 dependy-graph

• Updated Oct 2, 2026
• TypeScript

See your codebase as a living architecture map — then edit the map and let Claude build the code

npm ai architecture devtools developer-tools claude codebase-visualization claude-code

• Updated Jun 21, 2026
• JavaScript

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

visualization python java go rust skills mcp code-analysis dependency-graph ast knowledge-graph developer-tools dev-tool code-visualization developer-tool graph-visualizer pr-review codebase-visualization ai-summaries codebase-visualizer

• Updated Oct 28, 2026
• 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.

markdown productivity documentation code-analysis developer-tools vscode-extension code-sharing project-documentation code-export codebase-visualization

• Updated Nov 11, 2026
• TypeScript

tree-sitter mcp static-analysis dependency-graph developer-tools call-graph cursor codex ai-agents windsurf local-first code-graph codebase-visualization model-context-protocol mcp-server claude-code token-optimization ai-coding-agent context-engineering code-knowledge-graph

• Updated Oct 23, 2026
• TypeScript

Free open-source toolkit to understand, audit and rescue vibe-coded or legacy codebases: source-linked maps, team handoff, human-approved fixes. Mapping and checks run locally.

refactoring static-analysis code-review call-graph code-quality technical-debt legacy-code software-maintenance code-audit repository-analysis ai-generated-code codebase-visualization vibe-coding agent-harness

• Updated Oct 24, 2026
• Python

Walk through your codebase like a warehouse: an evidence-backed 3D architecture map, built from the code, in one offline HTML file. Works with any coding agent.

python cli threejs developer-tools architecture-diagram codebase-visualization agent-skills

• Updated Oct 21, 2026
• Python

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

developer-tools architecture-diagram codebase-visualization agents-md claude-skill agent-skill

• Updated Aug 16, 2026
• HTML

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

refactoring architecture static-analysis dependency-graph developer-tools code-quality technical-debt ai-agents legacy-code code-audit codemap codebase-visualization claude-code claude-skill code-janitor

• Updated Jun 11, 2026
• HTML

Turn any git repo into a fantasy map. The dragons are real: they mark your hotspots.

visualization git map cli code-analysis developer-tools technical-debt ai-agents hotspots fantasy-map codebase-visualization agent-skills claude-code

• Updated Oct 13, 2026
• JavaScript

A live architecture map of your codebase, on screen beside Claude Code and in the notes your agent reads while it works. Evidence-backed graph with file and line proof, served over MCP and a CLI.

python rust cli php laravel typescript symfony mcp architecture static-analysis code-analysis dependency-graph developer-tools claude fastapi codebase-visualization model-context-protocol claude-code claude-code-plugin

• Updated Nov 12, 2026
• PHP

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

markdown productivity documentation project-vis llm codebase-visualization

• Updated Feb 1, 2024
• Python

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

architecture-visualization architecture-diagram claude react-flow codebase-visualization claude-code ai-coding-agent claude-code-plugin claude-skill claude-code-marketplace plan-visualizer

• Updated Jul 28, 2026
• TypeScript

Understand unfamiliar codebases. Explore the architecture, follow execution flows, and drill down to the source - all in interactive map.

onboarding developer-tools software-architecture code-visualization system-design architecture-diagram c4-model codebase-visualization code-visualization-tool agent-skills claude-code repository-visualization claude-code-plugin claude-skills claude-code-skill onboarding-tools

• Updated Nov 12, 2026
• JavaScript

Slice open any codebase and see how it's wired — interactive, zero-dependency map of files → functions → API routes → database tables.

visualization python cli architecture static-analysis reverse-engineering code-analysis dependency-graph ast developer-tools call-graph zero-dependency software-architecture code-exploration code-graph codebase-visualization codebase-explorer codebase-mapping

• Updated Oct 16, 2026
• Python

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.

architecture isometric documentation-as-code codebase-visualization claude-code agent-skill

• Updated Aug 25, 2026
• JavaScript