Agentic UI Protocol
Describe UI as JSON. Let agents build interfaces. AUP is a semantic node graph for structured UI rendering — an agent writes a tree of components, the runtime renders it, handles events, and manages live data updates.
Declarative
JSON in, UI out. No framework, no build step, no CSS. Agents compose a tree of semantic nodes — the runtime decides how to render them.
Agent-Native
Designed for AI agents to write, not humans. 41 primitives cover every UI pattern — from forms to dashboards to real-time charts.
Cross-Device
Degradation chains adapt the same tree to any device. chart degrades to table, editor to input, globe to map to image to text.
Core Concepts
AUP is a declarative rendering protocol. Agents describe what to show — the runtime decides how.
Semantic Nodes
AUPNode is the core unit — a typed node with id, type, props, children. Agents compose nodes into trees; renderers decide how to display them.
Data Binding
Nodes bind to AFS paths via src (read-only) and bind (read-write). Data flows from agent memory to UI — tables paginate, charts animate, forms validate.
Event System
Events map user actions to AFS exec calls. Click, swipe, submit — each event triggers an agent-defined action with structured arguments.
Theme Engine
Style = Tone × Palette × Mode. 4 tones, 5 palettes, 2 modes yield 40 visual combinations — all without changing agent code.
21 Themes
AUP's composable style system: Style = Tone × Palette × Mode. 4 tones, 5 palettes, 2 modes — 40 unique combinations. Click any cell to apply it live.
Recipes
Tone × Palette Grid
Explore
Spec
AUP protocol specification — node schema, event model, patch operations
Primitives
18 cross-platform primitives — view, text, media, table, chart, map, and more
Themes
4 tones, 5 palettes, 2 modes — 40 visual combinations for any brand identity
Demos
52 interactive AUP demos — dashboards, forms, charts, smart home, and more