Design System

Symbol Library

Every node in an A&ID uses a consistent visual language — color for type, shape for category, and a tag for identity.

Agents

Actors that take action. Color indicates model tier (reasoning capability).

AG-0XX

Opus Agent

Strategic reasoning — architecture, planning, deep analysis

AG-0XX

Sonnet Agent

Execution — development, workflow orchestration, complex coding

AG-0XX

Haiku Agent

Fast operations — lightweight tasks, pair programming

HITL-0XX

Human-in-the-Loop

Human decision maker — approval gates, creative direction

Instruments

Mechanisms that measure, store, or enforce. Shape indicates category.

QC-XXX

Quality Control

Measurement of quality metrics — code review, test coverage

VC-XXX

Value Control

Measurement of value — revenue, ROI, cost efficiency

FC-XXX

Flow Control

Measurement of flow — throughput, cycle time, WIP limits

DB-XXX

Data Store

Database, cache, file storage — persistent state

API-XXX

External API

Third-party service integration — payment, email, AI providers

SC-XXX

Smart Contract

On-chain enforcement — commitment NFTs, stake contracts

OR-XXX

Oracle

External data feed — price feeds, weather, reputation scores

GA-XXX

Gauge

Tokenomics gauge — emission rates, voting power distribution

Quick Legend

Opus

Strategic

Sonnet

Execution

Haiku

Fast

HITL

Human