Back to Devoured - August 28, 2026
DEVOURED
Archify (GitHub Repo)

Archify (GitHub Repo)

DevOps GitHub
Archify is a tool for developers that uses AI agents to convert codebase descriptions into interactive, deterministic HTML/SVG system architecture maps.
What: Built for Cursor, Claude Code, and Codex CLI, Archify ingests typed JSON from LLMs to generate self-contained, interactive diagrams that allow teams to trace dependencies, verify routes, and perform 'Before/After' architecture diffs.
Why it matters: By enforcing a deterministic rendering process based on validated JSON rather than generic auto-layout, it bridges the gap between AI-generated intent and a reliable, shareable technical communication artifact.
Takeaway: Install the tool via `npx skills add tt-a1i/archify -g` and ask your IDE agent to 'map this repository's runtime architecture' to see the dependency graph.
Decoder
  • Deterministic: A process that produces the same output every time it is run with the same input, crucial for version control and consistency in documentation.
  • JSON IR (Intermediate Representation): A standardized JSON structure that represents the system architecture, serving as the source of truth for the Archify renderer.
Original article

Archify

Turn a codebase or system description into a polished, interactive system map — directly in chat.

Archify is a Node.js rendering and validation system for Cursor, Claude Code, Codex CLI, and OpenCode. Agents produce typed JSON IR; Archify deterministically compiles it into HTML/SVG.

  • Open it and present — five diagram types, four presets, dark/light themes, built-in brand marks, and finite motion
  • Review architecture changes before merge — compare two validated snapshots as Before / Delta / After, with exact added, removed, changed, moved, and rerouted facts
  • Every interaction stays grounded — search nodes, optionally open revision-verified source, trace upstream/downstream authored reach and exact routes, compare roles, and play guided stories without inventing topology
  • One file, ready to trust and share — typed JSON IR and deterministic checks produce self-contained HTML plus PNG, SVG, WebM, and 1200×630 share cards

Current development version: v2.16.0-dev.0.

Using Cursor? Open the agent-aware quick start for exact global and project commands.

Then ask your agent: Use archify to map this repository's runtime architecture.

❤️ Sponsors

APINEBULA APINEBULA sponsors Archify with one API for Claude, GPT, Gemini, and more. Register through Archify and use Archify for 10% off.
EverMind · Raven EverMind sponsors Archify and builds memory infrastructure for agents. Its Raven harness supports Archify as a Skill for verified, interactive system maps.

See Archify in action

These are generated Archify artifacts, not product mockups. Click a frame to open its live, shareable state.

Three real generated artifacts. Signal Flow · Blueprint · Classic

Guided story Route probe Semantic lens
Play one finite named chapter. Inspect the shortest authored directed path. Compare real traffic between semantic roles.

The Proof Lab contains all 11 checked-in scenarios, their JSON sources, named views, and validation receipts.

A real repository, mapped from source

Archify traced mco-org/mco at 9f1a1cf and produced this checked map.

Preview

Same diagram, two themes, one click to switch.

The Export menu copies PNG to the clipboard and downloads static or motion formats.

Use Copy Share Card when you want a canonical 1200×630 image for a README, release, or social post.

After tracing a route, Export → Route Share Card downloads that authored path as a 1200×630 PNG with the full diagram retained for context.

After tracing authored Upstream or Downstream reach, Export → Reach Share Card captures that exact reading without claiming runtime impact.

Quick start

1. Install

npx skills add tt-a1i/archify -g

For an explicit, non-interactive Cursor install:

npx -y skills add tt-a1i/archify --skill archify --agent cursor --global --copy --yes

To try without installing:

npx skills use tt-a1i/archify@archify --agent codex

2. Ask for one bounded view

Analyze this repository, then use archify to create a high-level runtime architecture diagram.
Show 8–12 core components, one primary path, external dependencies, and trust boundaries.
Put supporting detail in cards instead of adding more edges.

3. Refine in chat

Continue with focused requests such as add Redis, move auth to the left, or highlight the rollback path. Archify keeps the typed source available for targeted iteration.

Choose the right diagram

Type Best for Include in your prompt
Architecture Components, services, storage, boundaries Scope, core components, primary path
Workflow CI/CD, approvals, tool calls, runbooks Participants, order, branches, exceptions
Sequence API calls, cache fallback, auth, async traces Callers, callees, returns, timing
Data Flow Pipelines, lineage, PII, consumers Sources, transforms, stores, boundaries
Lifecycle States, retries, waits, terminal outcomes States, events, retry and cancellation paths

For a production deployment review, Architecture can optionally enable the deployment-ownership engineering profile. It fails closed when owners, single-region placement, private database scope, or named boundary crossings are missing. It is never enabled silently and validates authored facts—not live infrastructure.

Why Archify

  • Layout judgment over generic auto-layout — the agent chooses hierarchy, spacing, routes, and emphasis; shared automatic endpoints spread deterministically instead of piling arrows on one midpoint.
  • Typed JSON IR — every renderer-backed mode has a schema and reproducible source.
  • Atomic validation before delivery — schema, layout, HTML/SVG, route, and label-to-route clearance checks must all pass before a showcase artifact replaces the last known good output.
  • Failures come with a repair receipt — validate --json and deliver --json return stable rule codes, the exact subject, measured evidence, and only supported repair controls instead of a Node stack or an unstructured retry guess.
  • Last-good live preview — an optional desktop loop watches one JSON file, refreshes only after the latest candidate passes every gate, and keeps the previous verified diagram visible when a save is incomplete or invalid.
  • Truthful interaction — focus, upstream/downstream reach, exact routes, role comparison, and stories reuse authored nodes and relationships instead of inventing topology or claiming runtime impact.
  • Source evidence, only when requested — Evidence-backed Architecture nodes mark themselves SRC n and open Git-verified files and line ranges pinned to one public commit; ordinary artifacts stay source-free.
  • Portable by default — the result is one HTML file; exports remain full-diagram and free of temporary viewer state.

How it works

Step What happens
Generate The agent creates typed JSON IR from your description.
Validate Bundled validators and layout rules check the source; failures identify the exact local repair in machine-readable JSON.
Preview A loopback-only desktop session watches one source and reloads only verified revisions; failures keep the last-good artifact.
Deliver A same-directory candidate is rendered and checked; only a passing artifact atomically replaces the target.
Iterate The agent updates the source while unrelated structure stays stable.

Explore and share the output

Action Control
Open the factual Diagram Guide ?
Find and focus a semantic node /
Trace upstream/downstream authored reach Focus a node → Upstream / Downstream
Probe a directed route and inspect its journey R or PATH
Compare one or two semantic roles L or LENS
Open the live overview radar M or MAP
Play a guided story / change chapter P / [ ]
Enter Presentation Stage F

Installation options

Surface Capability
Raven Full renderer + validation workflow
Claude Code Full renderer + validation workflow
Codex CLI Full renderer + validation workflow
opencode Full renderer + validation workflow

License

MIT — free to use, modify, and distribute.

Contributing

Issues, pull requests, and real-world diagrams are welcome.

Explore all 55 articles in today's digest

Fresh dev news, AI-digested daily. Never miss a trend at devoured.fyi