The Visual CLI for agents

API · CLI · MCP · SKILL.md

build, version, license, python

--- ## What Is HyperWeave HyperWeave is a visual CLI for agents. Structured spec in, deterministic SVG out. Artifact classes include **diagrams**, **charts**, **tables**, and more. Each SVG is self-contained, with layout, theme, and machine-readable metadata compiled into the file. **

Why It Exists** Humans can't keep pace with the volume of text agents produce. Pictures are the obvious fix, and every picture format gives something up. **Markdown** is portable but flat. **HTML** is expressive but fragile. **Raster images** travel well but discard their structure. **Model output** is flexible but never twice the same. A HyperWeave artifact carries its own spec, so the thing your agent drew is the thing your agent can read back. Useful as: - **Chained steps:** one agent's output is the next one's typed input. - **Memory:** a committed artifact is durable state that survives the context window. - **Diffs:** compare two artifacts semantically, not pixel by pixel. - **Audit:** the spec, its provenance, and its mutation lineage travel with the image. The picture is the record. **

Philosophy** - Zero JavaScript. - No runtime. - No dependencies. - One file, one request. - Renders anywhere an `` tag does. **

Artifact Format Comparison**

Format comparison: SVG scores 4.5 of 5, Markdown 3.0, HTML 2.5, across portability, agent-readable metadata, visual fidelity, token efficiency, and zero dependencies.

View as markdown table

| FORMAT | Portability | Agent-Readable Metadata | Visual Fidelity | Token Efficiency | Zero Dependencies | SCORE | |:---|:---:|:---:|:---:|:---:|:---:|:---:| | **SVG** | ✓ | ✓ | ✓ | ~ | ✓ | **4.5** | | Markdown | ~ | ~ | ✗ | ✓ | ✓ | 3.0 | | HTML | ✗ | ✓ | ✓ | ✗ | ~ | 2.5 | ✓ full · ~ partial · ✗ none

--- ## Artifact Classes ### Diagrams Diagrams encode topology, not pixels. HyperWeave supports the following diagram types: `pipeline`, `fanout`, `fanin`, `hub`, `cycle`, `loop`, `dag`, `lanes`, `state-machine`, `sequence`, `tree`, and `comparison`. Nodes carry brand logo glyphs, labels, and tags. Edges carry labels and motion to help process information better. Every diagram renders as a self-contained SVG with its full spec and hash-verified digest embedded for agents to read directly. Render them in a markdown file, send to Slack as an image, or render directly in your terminal.

One call, best model: a model router fans out to Claude, Gemini, OpenAI, DeepSeek, Kimi, and Qwen, each door labelled with the capability it is routed for

Compose this inline

```bash hyperweave compose diagram --spec-file /dev/stdin -g primer --variant porcelain --surface inlay --face light -o provider-router-light.svg <<'JSON' { "topology": "fanout", "orientation": "horizontal", "title": "One call, best model", "subtitle": "Fanout · horizontal", "zones": ["router", "providers"], "node_style": "card+glyph", "glyph_tint": "full", "nodes": [ { "id": "router", "label": "model router", "desc": "1 call, best model\ncapability-routed", "role": "hero", "kind": "router", "gather": true }, { "id": "claude", "label": "Claude", "desc": "long-context", "glyph": "anthropic" }, { "id": "gemini", "label": "Gemini", "desc": "multimodal", "glyph": "gemini" }, { "id": "openai", "label": "OpenAI", "desc": "tool-use", "glyph": "openai" }, { "id": "deepseek", "label": "DeepSeek", "desc": "reasoning", "glyph": "deepseek" }, { "id": "kimi", "label": "Kimi", "desc": "agentic", "glyph": "kimi" }, { "id": "qwen", "label": "Qwen", "desc": "multilingual", "glyph": "qwen" } ], "edges": [ { "source": "router", "target": "claude", "label": "route", "label_style": "chip", "relation": "drift", "marker": "arrow" }, { "source": "router", "target": "gemini", "relation": "drift", "marker": "arrow" }, { "source": "router", "target": "openai", "relation": "drift", "marker": "arrow" }, { "source": "router", "target": "deepseek", "relation": "drift", "marker": "arrow" }, { "source": "router", "target": "kimi", "relation": "drift", "marker": "arrow" }, { "source": "router", "target": "qwen", "relation": "drift", "marker": "arrow" } ] } JSON ```

Two feeds in, three surfaces out: a spec and live connector data arrive on the left of one HyperWeave artifact, which fans out to a GitHub README, a Slack unfurl, and an agent reading the payload

Compose this inline

```bash hyperweave extract broadcast-split-light.svg --respond payload > broadcast-split.json hyperweave compose diagram --spec-file broadcast-split.json -g primer --variant porcelain --surface inlay --face light -o broadcast-split-light.svg ```

Every request in, every artifact out: Claude Code, Codex, and MCP call the compose engine from the left; GitHub, Slack, and Obsidian receive the artifacts on the right

Compose this inline

```bash hyperweave extract compose-gate-light.svg --respond payload > compose-gate.json hyperweave compose diagram --spec-file compose-gate.json -g primer --variant porcelain --surface inlay --face light -o compose-gate-light.svg ```

MCP gateway: Claude Code as MCP host, through an MCP gateway, to the hyperweave MCP server, with request and response drawn as two lanes

Compose this inline

```bash hyperweave compose diagram --spec-file pipeline-row -g primer --variant space --surface inlay --face light -o mcp-gateway-light.svg ``` `pipeline-row` is a bundled preset; the URL API renders it by name at `/v1/diagram/pipeline-row/primer.static`.

Six verbs, one mouth: compose writes into the artifact and transform writes out, while extract, verify, diff, and query bundle into a single read gathered at the artifact's face

Compose this inline

```bash hyperweave extract verbs-mouth-light.svg --respond payload > verbs-mouth.json hyperweave compose diagram --spec-file verbs-mouth.json -g primer --variant porcelain --surface inlay --face light -o verbs-mouth-light.svg ```

Frontier serving DAG: requests through one OpenRouter key to Anthropic, OpenAI, and Gemini, all sharing a Redis cache, with telemetry skipping the ranks to Grafana

Compose this inline

```bash hyperweave compose diagram --spec-file dag-providers -g primer --variant noir --surface inlay --face light -o frontier-serving-light.svg ``` `dag-providers` is a bundled preset; the URL API renders it by name at `/v1/diagram/dag-providers/primer.static`.

The data flywheel: Generate, Distribute, Capture, and Improve seated on a dashed ring around a hero that compounds each turn

Compose this inline

```bash hyperweave compose diagram --spec-file cycle-flow -g primer --variant porcelain --surface inlay --face light -o cycle-flow-light.svg ``` `cycle-flow` is a bundled preset; the URL API renders it by name at `/v1/diagram/cycle-flow/primer.static`.

One turn of the loop, performed: change, measure, keep or revert — guard chips inside the Stop? holder decide whether the loop returns or the champion ships

Compose this inline

```bash hyperweave compose diagram --spec-file loop-hillclimb-turn -g primer --variant porcelain --surface inlay --face light -o loop-hillclimb-turn-light.svg ``` `loop-hillclimb-turn` is a bundled preset; the URL API renders it by name at `/v1/diagram/loop-hillclimb-turn/primer.static`.

Dependency audit tree: my-app roots direct dependencies react, lodash, and axios, transitive children hang on dashed edges, and health dots flag what is outdated or vulnerable

Compose this inline

```bash hyperweave compose diagram --spec-file tree-health -g primer --variant porcelain --surface inlay --face light -o tree-health-light.svg ``` `tree-health` is a bundled preset; the URL API renders it by name at `/v1/diagram/tree-health/primer.static`.

### Pick a layout | | | | |:---|:---|:---| | **Flows** | `pipeline` · `fanout` · `fanin` | stages in a line, one-to-many, many-to-one | | **Cycles** | `cycle` · `loop` · `state-machine` | a closed ring, a procedural loop with exits, legal state transitions | | **Structure** | `dag` · `tree` · `lanes` | dependencies, hierarchy, ownership rows | | **Centered** | `hub` | one thing at the middle of its world | | **Time** | `sequence` | who calls whom, in order | | **Side by side** | `comparison` | two options on one sheet | Twelve layouts, fifty-nine bundled presets, one spec vocabulary. Variations are values of `orientation`, not layouts of their own: | | | |:---|:---| | `dag` · `pipeline` | `horizontal` · `vertical` | | `fanout` | `horizontal` · `bilateral` · `upward` · `downward` · `radial` | | `tree` | `horizontal` · `radial` | | `cycle` | `ring` · `orbit` | | `loop` | `vertical` · `horizontal` | | `fanin` · `hub` · `lanes` · `sequence` · `state-machine` · `comparison` | `horizontal` | Render any preset by name at `/v1/diagram/{preset}/primer.static`, or run `hyperweave discover diagram` for every preset, orientation and field. --- ### Matrices HyperWeave matrices are structured tables rendered as portable SVGs. A single JSON description can produce `comparison grids`, `registries`, `tiers`, `benchmark tables`, `heatmaps`, `chips`, `glyphs`, `bars`, and `status maps`, while carrying a machine-readable payload for agents.

comparison matrix: how GitHub, VS Code, Slack, Gmail, and AI agents each ingest the same SVG

_{One frame, every table · generated, not drawn}

View as table

| READER | | PIXELS | MOTION | READS VIA | |:---|:---:|:---:|:---:|:---| | GitHub README | github | ✓ | Yes | camo, css animation | | VS Code preview | vscode | ✓ | Yes | markdown preview | | Slack unfurl | slack | ~ | - | image proxy | | Gmail body | gmail | ~ | - | img tag | | Agent | mcp | ✗ | - | hw:payload, hwz/1, markdown twin |

Compose this inline

```bash hyperweave compose matrix --spec-file /dev/stdin -g primer --variant porcelain -o one-artifact.svg <<'JSON' { "title": "One artifact. Many readers.", "subtitle": "how each consumer ingests the same SVG", "columns": [ { "id": "reader", "label": "READER", "role": "label" }, { "id": "mark", "label": "", "kind": "glyph", "glyph_tint": "full" }, { "id": "pixels", "label": "PIXELS", "kind": "check" }, { "id": "motion", "label": "MOTION", "kind": "pill" }, { "id": "via", "label": "READS VIA", "kind": "chip" } ], "rows": [ { "label": "GitHub README", "cells": [ { "glyph": "github" }, { "state": "full" }, { "state": "on" }, { "chips": [ "camo", "css animation" ] } ] }, { "label": "VS Code preview", "cells": [ { "glyph": "vscode" }, { "state": "full" }, { "state": "on" }, { "chips": [ "markdown preview" ] } ] }, { "label": "Slack unfurl", "cells": [ { "glyph": "slack" }, { "state": "partial" }, { "state": "off" }, { "chips": [ "image proxy" ] } ] }, { "label": "Gmail body", "cells": [ { "glyph": "gmail" }, { "state": "partial" }, { "state": "off" }, { "chips": [ "img tag" ] } ] }, { "label": "Agent", "cells": [ { "glyph": "mcp" }, { "state": "none" }, { "state": "off" }, { "chips": [ "hw:payload", "hwz/1", "markdown twin" ] } ] } ], "notes": "pixels for humans · hw:payload for agents" } JSON ```

```bash # Connectors preset https://hyperweave.app/v1/matrix/connectors/primer.static?variant=porcelain # Any table, one URL: base64url MatrixSpec JSON (8 KB cap) https://hyperweave.app/v1/matrix/custom/primer.static?spec= # CLI, with the markdown twin alongside hyperweave compose matrix --spec-file table.json -g primer --variant porcelain --markdown-out table.md ``` Another matrix configuration for visualizing benchmarks:

Frontier vs open-weights models compared on SWE-bench Verified coding score against input and output token price, June 2026

View as table

| MODEL | | SWE-bench Verified | INPUT (per Mtok) | OUTPUT (per Mtok) | |:---|:---:|:---:|:---:|:---:| | **FRONTIER · CLOSED WEIGHTS** | | | | | | Claude Fable 5 | anthropic | 95 % | $10 | $50 | | Claude Opus 4.8 | anthropic | 88.6 % | $5 | $25 | | GPT-5.5 | openai | 82.6 % | $5 | $30 | | Gemini 3.1 Pro | gemini | 80.6 % | $2 | $12 | | **OPEN WEIGHTS** | | | | | | DeepSeek V4-Pro | deepseek | 80.6 % | $0.44 | $0.87 | | Kimi K2.6 | kimi | 80.2 % | $0.95 | $4 | | GLM-5 | zai | 77.8 % | $1 | $3.2 | | Mistral Medium 3.5 | mistral | 77.6 % | $1.5 | $7.5 | *SWE-bench Verified % · USD per Mtok · current flagships, jun 2026 · sources: vals.ai · artificialanalysis.ai · model cards*

Compose this inline

```bash hyperweave compose matrix --spec-file /dev/stdin -g primer --variant cream --surface twin --faces -o frontier-benchmarks.svg <<'JSON' { "title": "Frontier vs Open", "subtitle": "coding & price · SWE-bench Verified against price per million tokens · current flagships, jun 2026", "columns": [ { "id": "model", "label": "MODEL", "kind": "text", "align": "left", "role": "label" }, { "id": "mark", "label": "", "kind": "glyph", "align": "center", "glyph_tint": "full" }, { "id": "swe", "label": "SWE-bench Verified", "kind": "numeric", "align": "center", "polarity": "higher", "unit": "%" }, { "id": "pin", "label": "INPUT", "sublabel": "per Mtok", "kind": "numeric", "align": "center", "polarity": "lower", "unit": "$" }, { "id": "pout", "label": "OUTPUT", "sublabel": "per Mtok", "kind": "numeric", "align": "center", "polarity": "lower", "unit": "$" } ], "rows": [ { "label": "Claude Fable 5", "cells": [ { "glyph": "anthropic" }, { "value": 95.0 }, { "value": 10 }, { "value": 50 } ], "section": "FRONTIER · CLOSED WEIGHTS" }, { "label": "Claude Opus 4.8", "cells": [ { "glyph": "anthropic" }, { "value": 88.6 }, { "value": 5 }, { "value": 25 } ], "section": "FRONTIER · CLOSED WEIGHTS" }, { "label": "GPT-5.5", "cells": [ { "glyph": "openai" }, { "value": 82.6 }, { "value": 5 }, { "value": 30 } ], "section": "FRONTIER · CLOSED WEIGHTS" }, { "label": "Gemini 3.1 Pro", "cells": [ { "glyph": "gemini" }, { "value": 80.6 }, { "value": 2 }, { "value": 12 } ], "section": "FRONTIER · CLOSED WEIGHTS" }, { "label": "DeepSeek V4-Pro", "cells": [ { "glyph": "deepseek" }, { "value": 80.6 }, { "value": 0.44 }, { "value": 0.87 } ], "section": "OPEN WEIGHTS" }, { "label": "Kimi K2.6", "cells": [ { "glyph": "kimi" }, { "value": 80.2 }, { "value": 0.95 }, { "value": 4.0 } ], "section": "OPEN WEIGHTS" }, { "label": "GLM-5", "cells": [ { "glyph": "zai" }, { "value": 77.8 }, { "value": 1.0 }, { "value": 3.2 } ], "section": "OPEN WEIGHTS" }, { "label": "Mistral Medium 3.5", "cells": [ { "glyph": "mistral" }, { "value": 77.6 }, { "value": 1.5 }, { "value": 7.5 } ], "section": "OPEN WEIGHTS" } ], "sections": [ "FRONTIER · CLOSED WEIGHTS", "OPEN WEIGHTS" ], "notes": "SWE-bench Verified % · USD per Mtok · current flagships, jun 2026 · sources: vals.ai · artificialanalysis.ai · model cards" } JSON ```

[Inside every artifact](#inside-every-artifact) - **Markdown twin:** every matrix has a GFM projection of the same table. `--markdown-out` on the CLI, `respond:"json"` over HTTP, `render_target="markdown"` over MCP. --- ### Receipts Hyperweave parses agent session telemetry into a portable receipts that include model usage, tool calls stats, token spend, and context window visualization. Install the hook once and every session emits one: ```bash uv tool install hyperweave # or: pip install hyperweave hyperweave install-hook ```

A HyperWeave session receipt for a Claude Code run: $1,787.28 across 1686.0M tokens and 3795 calls, opus-4.8 dominant, with a tool-spend breakdown, a cost-by-model bar, and a context-load curve.

_{Claude Code · $1,787.28 · 1686.0M tokens · 3795 calls · opus-4.8}

View the Codex receipt

A HyperWeave session receipt for a Codex run: $10.72 across 32.4M tokens and 346 calls, gpt-5.3.

_{Codex · $10.72 · 32.4M tokens · 346 calls · gpt-5.3}

View the same session as a register receipt

The same Claude Code session printed as a thermal register tape: tools as line items priced in tokens, models as payment tender, failed calls as voids.

_{The same Claude session if you fancy a proper receipt}

The hook reads your session's JSONL transcript from disk and detects the harness automatically (Claude Code or Codex). Theme it with any of the [8 primer themes](#primer), or the paper receipt style above. ```bash hyperweave install-hook --genome cream # any primer theme hyperweave install-hook --genome raw # the paper receipt ```

Open an issue to request a missing agent harness. --- ## Inside Every Artifact Every HyperWeave artifact is a re-ingestible object, not just an image. It carries its full spec (`hw:payload`) and a hash-verified digest (`hwz/1` envelope), so an agent can work with it directly, never parsing pixels. Two tiers, two jobs. Here they are inside a diagram artifact: **recreate & modify: the complete spec** ```xml { "spec": { "title": "Service dependencies", "subtitle": "Service dependencies · a gateway fans to domain services, each grounding on its store", "topology": "dag", "zones": ["subsystems"], "nodes": [ { "id": "web", "label": "web", "desc": "React SPA", "glyph": "react" }, { "id": "gateway", "label": "API gateway", "role": "hero", "kind": "router" }, { "id": "auth", "label": "Auth", "desc": "tokens", "kind": "shield" } ], "edges": [ { "source": "web", "target": "gateway", "relation": "assert" }, { "source": "gateway", "target": "auth", "relation": "assert" }, { "source": "auth", "target": "postgres", "label": "reads", "label_style": "chip", "relation": "assert" } ] } } ``` **the ≈200-token digest: know what an artifact is without opening it** ```xml { "v": "hwz/1", "id": "sha256:48b3de6494886c678f4c8efab4f0aa105922e315f8f62145548e17935175fb11", "k": "diagram", "title": "Service dependencies", "intent": "topology diagram: Service dependencies", "state": "active", "data": { "pattern": "dag", "n": 8, "hero": "API gateway", "nodes": { "web": "React SPA", "API gateway": "", "Auth": "tokens", "Orders": "Python svc", "Search": "query svc", "Postgres": "primary", "Kafka": "events", "Redis": "cache" }, "edges": ["web → API gateway", "API gateway → Auth", "API gateway → Orders", "API gateway → Search", "Auth → Postgres (reads)", "Orders → Postgres", "Orders → Kafka (emits)", "Search → Redis (cache)", "API gateway → Postgres (direct read)"] }, "frames": [{ "t": "diagram", "l": "Service dependencies" }], "prov": { "by": "hyperweave", "ver": "0.4.6", "genome": "primer.porcelain", "ts": "2026-07-15T02:01:15.613547+00:00" } } ``` The envelope is the lossy digest; only the payload round-trips. - **The round-trip:** extract `hw:payload`, edit the JSON, `POST /v1/compose` with it as `diagram`: byte-identical re-render. The envelope's `id` is the sha256 of the payload, so an agent verifies "this artifact really is this data" before trusting either. - **The look is a pointer, not a copy:** `prov.genome: "primer.porcelain"` names the aesthetics; payload plus that one string is the entire recreation recipe. ### Read at a budget: the verb algebra Pixels for humans, compact JSON for agents. The verb algebra is the read/write grammar over the two tiers: every verb picks how much of the artifact to load, from the ≈200-token envelope to the full payload, and no verb ever parses pixels.

The verb algebra: the artifact at the hub centre, composed from a spec, transformed with lineage, read without mutation (extract, verify, diff, query), shipping to documents and surfaces.

The verbs, split two ways. **Write** · mints a new artifact, returns a content-addressed link (`/v1/a/{id}`), never inline SVG: | Verb | What it does | |:---|:---| | `compose` | a spec → an artifact | | `transform` | edit an artifact's spec → a new artifact (new id + lineage) | **Read** · never mutates the artifact: | Verb | What it does | Returns | |:---|:---|:---| | `extract` | pull the payload, envelope, or markdown back out | the requested depth | | `verify` | recompute the id, proving the artifact *is* its data | `{valid, id}` | | `validate` | check a spec against the schema before composing | `{valid, type, genome}` | | `diff` | compare two artifacts | the structural delta | | `query` | ask a question of the envelope | the answer | Every verb runs the same over the **CLI** (`hyperweave {verb}`), **HTTP** (`POST /v1/{verb}`), and **MCP** (`hw_{verb}`): ```bash # compose an artifact, then read its spec straight back, no rendering hyperweave compose matrix --spec-file table.json -g primer -o table.svg curl -X POST https://hyperweave.app/v1/extract \ -H 'Content-Type: application/json' \ -d '{"source": "

Service dependencies DAG: a web SPA through an API gateway fanning to Auth, Orders, and Search, each grounding on its store

#### Action 2 **Transform** it through the artifact itself. `transform` verifies the hash, applies the patch to the embedded spec, re-validates, and mints a new artifact with a lineage entry recording exactly what changed: ```bash hyperweave transform services.svg -o services-billing.svg --patch-json '[ {"op": "add", "path": "/nodes/-", "value": {"id": "billing", "label": "Billing", "desc": "invoices", "glyph": "stripe"}}, {"op": "add", "path": "/edges/-", "value": {"source": "gateway", "target": "billing", "relation": "assert"}}, {"op": "add", "path": "/edges/-", "value": {"source": "billing", "target": "postgres", "label": "writes", "label_style": "chip", "relation": "assert", "exit": "bottom", "entry": "right"}} ]' ``` **The result** is a new artifact: new id, one more service in the fan, the envelope and lineage on stdout. `-o` writes the new pixels to `services-billing.svg`:

The same diagram after one transform: a Billing service joins the fan and its writes edge rides the bottom band into Postgres

#### Action 3 **Flip it, and redress it.** Layout is a field, so one op turns the whole graph. The look is a separate pointer, so the same graph re-renders in any variant: ```bash hyperweave transform services-billing.svg -o services-vertical.svg \ --patch-json '[{"op": "add", "path": "/orientation", "value": "vertical"}]' hyperweave extract services-vertical.svg --respond payload \ | hyperweave compose diagram --spec-file - --variant noir -o services-noir.svg ```

The same service graph turned vertical and rendered in the noir variant: the fan flows top to bottom, Billing keeps its place in it, and the writes edge takes the outside gutter into Postgres

- **A new artifact, not a redraw:** one field changed, and the result carries a new id plus a lineage entry naming its parent. Point `-o` at the same path to overwrite in place; you keep the record of where it came from, not the old render. - **Orientation keeps structure:** boxes hold their order and authored sides follow the flow, so setting it back to `horizontal` returns the landscape diagram to the pixel. - **Theme is a pointer:** `porcelain` to `noir` re-renders the same spec in a different look, structure untouched. --- ## Genomes - Brand DNA A genome is a portable, machine-readable aesthetic specification. It encodes the complete visual identity (chromatic system, surface material, motion vocabulary, geometric form language) as a set of CSS custom properties that any agent can consume and apply consistently across every artifact type. Four built-in genomes ship today. Custom brand dna generation via agnet SKILL.md files coming soon!

primer · brutalist · automata · chrome

primer

_{8 variants · 4 light: porcelain · cream · dusk · petrol
4 dark: noir · carbon · space · anvil}

Signals _{animated state marks}	_{ping (passing) · spinner (building) · throb (warning) · shake (critical). One mark system, shared with the strip.} _{/v1/badge/{title}/{value}/primer.static?state={state}&variant={porcelain\|cream\|dusk\|petrol\|noir\|carbon\|space\|anvil}} _{hyperweave.app/v1/badge/BUILD/passing/primer.static?state=passing&variant=porcelain}
Dashboard _strip	_{/v1/strip/{title}/primer.static?data={tokens}&subtitle={text}&glyph={glyph}&variant={variant}} _{hyperweave.app/v1/strip/readme-ai/primer.static?data=gh:eli64s/readme-ai.stars,gh:eli64s/readme-ai.forks,pypi:readmeai.version&subtitle=eli64s/readme-ai&glyph=github&variant=porcelain}
Profile _card	_{/v1/card/{username}/primer.static?variant={variant} (/v1/stats/… alias)} _{hyperweave.app/v1/card/eli64s/primer.static?variant=porcelain}
Star Chart _{star history}	_{/v1/chart/stars/{owner}/{repo}/primer.static?variant={variant}} _{hyperweave.app/v1/chart/stars/eli64s/readme-ai/primer.static?variant=porcelain}
Marquee _{horizontal ticker}	_{/v1/marquee/{title}/primer.static?data={tokens}&variant={variant}} _{hyperweave.app/v1/marquee/readme-ai/primer.static?data=gh:eli64s/readme-ai.stars,gh:eli64s/readme-ai.forks,gh:eli64s/readme-ai.contributors,pypi:readmeai.downloads,gh:eli64s/readme-ai.last_push,pypi:readmeai.version,gh:eli64s/readme-ai.language&variant=porcelain}
Icons _{circle + square}	_{/v1/icon/{glyph}/primer.static?shape={circle\|square}&variant={variant}} _{hyperweave.app/v1/icon/github/primer.static?shape=circle&variant=noir}
Divider _aura	_{/v1/divider/aura/primer.static?variant={variant}} _{hyperweave.app/v1/divider/aura/primer.static?variant=porcelain}

brutalist

View the brutalist catalog

_{22 variants · 8 dark: celadon · alloy · carbon · pigment · umber · ember · temper · onyx
14 light (6 shown): primer · depth · pulse · archive · signal · afterimage}

Signals _{state machine}	_{/v1/badge/{title}/{value}/{genome}.static?state={state}&variant={celadon\|carbon\|alloy\|temper\|pigment\|ember\|umber\|onyx\|archive\|signal\|pulse\|depth\|afterimage\|primer}} _{hyperweave.app/v1/badge/BUILD/passing/brutalist.static?state=passing&variant=celadon}
Dashboard _strip	_{/v1/strip/{title}/{genome}.static?data={tokens}&subtitle={text}&glyph={glyph}&variant={variant}} _{hyperweave.app/v1/strip/hyperweave/brutalist.static?data=gh:InnerAura/hyperweave.stars,pypi:hyperweave.version,gh:InnerAura/hyperweave.build&subtitle=InnerAura/hyperweave&glyph=github&variant=celadon}
Profile _card	_{/v1/card/{username}/{genome}.static?variant={variant} (/v1/stats/… alias)} _{hyperweave.app/v1/card/eli64s/brutalist.static?variant=pulse}
Star Chart _{star history}	_{/v1/chart/stars/{owner}/{repo}/{genome}.static?variant={variant}} _{hyperweave.app/v1/chart/stars/eli64s/readme-ai/brutalist.static?variant=celadon}
Marquee _{horizontal ticker}	_{/v1/marquee/{title}/{genome}.static?data={tokens}&variant={variant}} _{hyperweave.app/v1/marquee/readme-ai/brutalist.static?data=gh:eli64s/readme-ai.stars,gh:eli64s/readme-ai.forks,gh:eli64s/readme-ai.contributors,gh:eli64s/readme-ai.watchers,pypi:readmeai.downloads,gh:eli64s/readme-ai.last_push,gh:eli64s/readme-ai.pull_requests,gh:eli64s/readme-ai.issues,gh:eli64s/readme-ai.build,pypi:readmeai.version,gh:eli64s/readme-ai.language&variant=celadon}
Icons _{circle + square}	_{/v1/icon/{glyph}/{genome}.static?shape={circle\|square}&variant={variant}} _{hyperweave.app/v1/icon/github/brutalist.static?shape=circle&variant=celadon}
Divider _{seam · sigil}	_{/v1/divider/{seam\|sigil}/{genome}.static?variant={variant}} _{hyperweave.app/v1/divider/sigil/brutalist.static?variant=pulse}

automata

View the automata catalog

_{16 tones · crimson · copper · bone · solar · amber · sulfur · toxic · jade
abyssal · teal · steel · cobalt · indigo · violet · magenta · burgundy
pair any two via ?variant=primary&pair=secondary}

Signals _{state machine}	_{/v1/badge/{title}/{value}/{genome}.static?state={state}} _{hyperweave.app/v1/badge/BUILD/passing/automata.static?state=passing&variant=bone}
Dashboard _strip	_{/v1/strip/{title}/automata.static?data={tokens}&variant={tone}&pair={tone}&subtitle={text}&glyph={glyph}} _{hyperweave.app/v1/strip/readme-ai/automata.static?data=gh:eli64s/readme-ai.stars,gh:eli64s/readme-ai.forks,pypi:readmeai.version&subtitle=eli64s/readme-ai&variant=bone&pair=steel&glyph=github}
Profile _card	_{/v1/card/{username}/{genome}.static?variant={tone} (/v1/stats/… alias)} _{hyperweave.app/v1/card/eli64s/automata.static?variant=bone}
Star Chart _{star history}	_{/v1/chart/stars/{owner}/{repo}/{genome}.static?variant={tone}} _{hyperweave.app/v1/chart/stars/eli64s/readme-ai/automata.static?variant=bone}
Marquee _{horizontal ticker}	_{/v1/marquee/{title}/automata.static?data={tokens}&variant={tone}} _{hyperweave.app/v1/marquee/readme-ai/automata.static?data=gh:eli64s/readme-ai.stars,gh:eli64s/readme-ai.forks,gh:eli64s/readme-ai.contributors,gh:eli64s/readme-ai.watchers,pypi:readmeai.downloads,gh:eli64s/readme-ai.last_push,gh:eli64s/readme-ai.pull_requests,gh:eli64s/readme-ai.issues,gh:eli64s/readme-ai.build,pypi:readmeai.version,gh:eli64s/readme-ai.language&variant=bone}
Icons _square	_{/v1/icon/{glyph}/automata.static?shape=square&variant={tone}} _{hyperweave.app/v1/icon/docker/automata.static?shape=square&variant=cobalt}
Divider _dissolve	_{/v1/divider/dissolve/{genome}.static?variant={tone}&pair={tone}} _{hyperweave.app/v1/divider/dissolve/automata.static?variant=bone&pair=steel}

chrome

View the chrome catalog

_{5 variants: horizon · lightning · abyssal · moth · graphite}

Signals _{state machine}	_{/v1/badge/{title}/{value}/{genome}.static?state={state}&variant={horizon\|lightning\|abyssal\|moth\|graphite}} _{hyperweave.app/v1/badge/BUILD/passing/chrome.static?state=passing&variant=horizon}
Dashboard _strip	_{/v1/strip/{title}/{genome}.static?data={tokens}&subtitle={text}&glyph={glyph}&variant={variant}} _{hyperweave.app/v1/strip/readme-ai/chrome.static?data=gh:eli64s/readme-ai.stars,gh:eli64s/readme-ai.forks,pypi:readmeai.version&subtitle=eli64s/readme-ai&glyph=github&variant=horizon}
Profile _card	_{/v1/card/{username}/{genome}.static?variant={variant} (/v1/stats/… alias)} _{hyperweave.app/v1/card/eli64s/chrome.static?variant=horizon}
Star Chart _{star history}	_{/v1/chart/stars/{owner}/{repo}/{genome}.static?variant={variant}} _{hyperweave.app/v1/chart/stars/eli64s/readme-ai/chrome.static?variant=horizon}
Marquee _{horizontal ticker}	_{/v1/marquee/{title}/{genome}.static?data={tokens}&variant={variant}} _{hyperweave.app/v1/marquee/readme-ai/chrome.static?data=gh:eli64s/readme-ai.stars,gh:eli64s/readme-ai.forks,gh:eli64s/readme-ai.contributors,gh:eli64s/readme-ai.watchers,pypi:readmeai.downloads,gh:eli64s/readme-ai.last_push,gh:eli64s/readme-ai.pull_requests,gh:eli64s/readme-ai.issues,gh:eli64s/readme-ai.build,pypi:readmeai.version,gh:eli64s/readme-ai.language&variant=horizon}
Icons _{circle + square}	_{/v1/icon/{glyph}/{genome}.static?shape={circle\|square}&variant={variant}} _{hyperweave.app/v1/icon/youtube/chrome.static?shape=circle&variant=horizon}
Divider _band	_{/v1/divider/band/{genome}.static?variant={variant}} _{hyperweave.app/v1/divider/band/chrome.static?variant=horizon}

| | primer | brutalist | automata | chrome | |---|---|---|---|---| | Aesthetic | Minimal | Raw material | Cellular | Metallic | | Variants | 8 (4 dark, 4 light) | 22 (8 dark, 14 light) | 16 tones, any two pair | 5 named | | Motion | Animated state marks | Animated border SMIL | Animated cell grid | Animated border SMIL | | Divider | `aura` | `seam` · `sigil` | `dissolve` | `band` |

`/a/inneraura/dividers/`

View the divider catalog

block _{De Stijl composition}	_{/a/inneraura/dividers/{slug}} _{hyperweave.app/a/inneraura/dividers/block}
current _{animated rainbow bezier}	_{/a/inneraura/dividers/{slug}} _{hyperweave.app/a/inneraura/dividers/current}
takeoff _{rocket trajectory + thrust}	_{/a/inneraura/dividers/{slug}} _{hyperweave.app/a/inneraura/dividers/takeoff}
void _{spectral bloom + hover state}	_{/a/inneraura/dividers/{slug}} _{hyperweave.app/a/inneraura/dividers/void}
zeropoint _{aurora rule + nexus beacon}	_{/a/inneraura/dividers/{slug}} _{hyperweave.app/a/inneraura/dividers/zeropoint}

Error fallback: SMPTE NO SIGNAL

Every broken `` URL renders the SMPTE RP 219 test pattern with `ERR_NNN` matching the HTTP status, instead of a browser broken-image icon.

_{/v1/badge/{title}/{value}/{unknown-genome}.static}
_{hyperweave.app/v1/badge/TEST/value/unknown-genome.static}

**Surface modes.** A genome renders onto one of three surfaces: `plate` (opaque, its own background), `inlay` (bare, borrows the host page's light/dark), or `twin` (opaque and scheme-aware). Standalone, slide, and raster destinations take `plate`. For a GitHub README, bake a pair instead of shipping one scheme-adaptive file: GitHub serves README images through Camo as a plain ``, so a `prefers-color-scheme` rule *inside* the SVG answers to the reader's operating system, not the GitHub theme toggle. `--face light|dark` bakes one scheme per file and `