Skip to main content
S
Symbiote UI

Custom Workspaces Built by Agents

Symbiote UI is a lightweight library of Web Components and layouts specifically engineered for AI agents to discover, compose, and style interfaces dynamically.

Read Guides Explore Components

The Agent Construction Narrative

How agents dynamically compose fully functional interfaces at runtime

  1. 01

    Provider Metadata

    Provider metadata, schemas, tokens, rules, and component descriptors are available.

  2. 02

    Manifest Discovery

    The manifest/discover contract makes capabilities inspectable.

  3. 03

    Primitive Selection

    An agent or host selects appropriate registered primitives.

  4. 04

    UI Hydration

    Browser Web Components hydrate through the browser-safe entry point while Node-safe boundaries remain intact.

  5. 05

    Ready Composition

    The host receives an agent-ready UI composition, while persistence, execution, permissions, and workflow policy remain host concerns.

Agent Construction Animation An interactive flow showing metadata parsing, discovery, primitive selection, hydration, and final composition. SYMBIOTE ENGINE METADATA custom-elements.json tokens.json / rules DISCOVER Manifest API Query SELECT <sn-card> <sn-metric> Agent Primitives HYDRATE DOM Hydration READY
PROVIDER METADATA schemas, tokens, and descriptors loaded
STAGE STATUS
Loading Schemas
ACTIVE METRIC
138 Descriptors
Symbiote UI makes provider metadata, tokens, schemas, and descriptors available to the host.
0.00s / 10.00s