/ diagrams
Open editor
composer-drivenopen sourcev0.42.1canonical 1.0

Compose.
Compile.
Ship.

An IR-first diagram platform. Prompt an architecture; the agent composes a canonical DiagramDocument; you ship the same source as SVG, PNG, or PDF — deterministic, versioned, hashable.

fig. 01 / artifact
composed
fig. 01·anatomy
7 principles · 1 page
fig. type
AaAaAaAaAaAa
fig. color
10%
fig. space
fig. grid
fig. 02·the stack
one document · three outputs
01 · prompt
Prompt.

Natural-language intent. The agent reads it.

02 · draft
Draft.

Typed primitives. Nodes, edges, groups, annotations.

03 · ir
IR.

Canonical, Zod-validated, versioned, hashable.

04 · render
Render.

Deterministic SVG. Byte-exact across machines.

05 · export
Export.

SVG, PNG, PDF. Same source, same bytes, every time.

06 · ship
Ship.

CI, CDN, fork, variant. Render once, ship everywhere.

fig. 03·the contract

Zod-validated.
Migration-safe.

The renderer never sees React Flow state. The database never sees a stringified SVG. Every artifact round-trips through the canonical IR — validated, versioned, hashable.

POST/api/v1/render200 · svg
{
  "document": {
    "schemaVersion": "1.0",
    "theme": "editorial-dark",
    "nodes": [
      { "id": "gw",  "type": "api_gateway" },
      { "id": "ord", "type": "service" },
      { "id": "pg",  "type": "database" }
    ],
    "edges": [
      { "source": "gw",  "target": "ord" },
      { "source": "ord", "target": "pg"  }
    ]
  }
}

Start composing.

Open the editor, save your first canonical DiagramDocument, then call the same payload against the render API.

Open editor Read the API