Skip to content

Getting Started

Archora helps you understand large frontend codebases. It scans a Vue / React / Svelte / TypeScript repository and turns dependency facts into an architecture repair queue: cycles, hot zones, layer violations and impact checks.

You get two surfaces from the same engine:

  • Desktop/web app — the Architecture Workspace: Overview, Explorer, Matrix, Cycles, Hotspots, Impact, Rules and a persistent Inspector.
  • CLI (@archora/cli) — for CI gates and headless analysis.

Both run locally. Source code never leaves your machine.

In 60 seconds

  1. Install — see Installation.
  2. Open a project — point Archora at the root of a repo (the directory containing package.json and tsconfig.json).
  3. Read the Overview — start from “what to fix first”, then inspect why and where.
  4. Verify impact — use Explorer, Impact and Rules before changing code, then export HTML or fix-plan JSON.

Where to next