Atlas
v2.0.01Built by Yash Sakre

Dashboard views

atlas serve opens a local React app over the analysis snapshot. Every view reads the same snapshot, so nothing is ever stale relative to anything else.

localhost:4321
The Overview view: asset counts, reuse rate, dead-code findings and dependencies above a reference-spread chart.

The views

ViewWhat it shows
๐Ÿ“Š OverviewProject stats at a glance โ€” asset counts, framework detection, most-used assets and the health of the codebase.
๐Ÿงฉ AssetsEvery component, hook, util, context, store and route in one searchable, filterable list.
๐Ÿ” Asset detailProps and parameters with resolved types, the generated description, and every location the asset is used.
๐Ÿงญ RoutesThe route table for React Router, TanStack Router and the Next.js app / pages routers โ€” including data-router config arrays.
๐Ÿงน Dead codeUnused exports, orphan files and duplicate implementations, grouped so you can clean up in one pass.
๐Ÿ“ฆ DependenciesEvery npm package you declare, with the installed version, how many files import it, and a live update check from the registry.
๐Ÿ–ผ๏ธ Static assetsImages, vectors, fonts, media and PDFs previewed from their real path on disk โ€” with size, intrinsic dimensions, the URL public/ files are served at, and every reference from code, CSS and markup.

A closer look

Components, hooks and asset detail

Every asset list pairs a searchable, filterable column with the selected asset's detail: its signature, props or parameters, the generated (or agent-written) description, when to use it and every place it's referenced.

localhost:4321
The Components view: a filterable list of components beside the ApiTab detail panel with its description, when to use it and responsibilities.

Routes

Routes are grouped per app and nested by URL, for React Router, TanStack Router and both Next.js routers.

localhost:4321
The Routes view: a tree of Next.js and React Router routes beside the detail of the root layout.

Dependencies

localhost:4321
The Dependencies view: totals for packages, available updates and unused packages above a table of every npm dependency.

Dead code

localhost:4321
The Dead code view: counts of unused exports, orphan files and duplicate groups above a table of unused exports.

About these screenshots

They show atlas serve run on the Atlas repository itself. The dashboard follows your system theme โ€” switch it from the bottom of the sidebar.

Serving it

atlas serve analyzes and opens the dashboard on port 4321, falling back to the next free port. Pass --no-open to skip the browser, or --reanalyze to ignore the cache.

atlas export writes the same app as a static bundle โ€” the dashboard plus a data.json snapshot โ€” so you can host a read-only map of the codebase for the whole team.

Static asset previews come from disk

The Static assets view renders each file from its real path: serve streams the original through the local server, so nothing is copied out of your project, inlined into the data payload or written to a temp folder. Only paths the scan actually discovered are readable, and each one must still resolve inside the project root. A hosted export has no filesystem behind it, so previews there fall back to typed placeholders.

Live data, one exception

Everything is computed offline from your code. The only network call is optional: the Dependencies view asks the npm registry for package descriptions and latest versions so it can flag updates. Packages installed from file:, workspace:, git or a URL are labelled as such and never looked up.

On this page