ArchMap

See any codebase as a map, not a maze.

ArchMap reads a repository in your browser and draws its real architecture — entry points, routes, services, data layer, external dependencies — with critical-path highlighting, dead-code detection, and plain-English explanations. No install, no server, no upload.

🔒 Analysis runs 100% client-side. Local folders never leave your machine.

GitHub repository

Paste any public repo URL. Private repos work with a token. JS/TS, Python, C#, Go, Java, Kotlin, Rust, Ruby, PHP, C/C++.

Try: expressjs/express · pallets/flask

Local folder

Drag a project folder here, or pick one. Files are read in-browser only.

Works offline once loaded. Nothing is uploaded anywhere.

Deployed website surface map

Best-effort map of a live site's public surface: pages, scripts, form endpoints. Real architecture needs source — most sites also block cross-origin reads.

Import archmap.json

Load a map generated by the ArchMap Claude Code skill or exported earlier — deep AI analysis done locally, shared and viewed here.

How it works

1 · Parse. ArchMap reads sources in ten languages (JS/TS, Python, C#, Go, Java, Kotlin, Rust, Ruby, PHP, C/C++), extracts imports, exports, namespaces, and route definitions, and resolves the real dependency graph. Computed truth — nothing hallucinated.
2 · Structure. Files are clustered into entry / routes / services / data / external columns, the critical path from entry to data is traced, and exports with zero live callers are flagged as dead code.
3 · Explain (optional). Add your Anthropic API key in Settings and Claude annotates each node in plain English, plus writes maintainer findings. The key stays in your browser's localStorage; calls go straight to api.anthropic.com.
4 · Share. Export a single self-contained HTML file — the same deliverable as the original architecture-map skill — or an archmap.json anyone can re-import here.