@agent-ui-kit/a2ui

A2UI (agent-generated UI) support for the agent-ui family: a zero-dependency renderer for the A2UI wire protocol, a strict message validator, and the default component catalog mapping protocol types onto ui-* elements.

Install

npm install @agent-ui-kit/a2ui

Usage

import '@agent-ui-kit/components/foundation-styles.css'
import '@agent-ui-kit/components/component-styles.css'
import { /* renderer + validator + catalog */ } from '@agent-ui-kit/a2ui'
import { /* seed payloads */ } from '@agent-ui-kit/a2ui/examples'

Feed validated A2UI server messages (createSurface / updateComponents / updateDataModel) to the renderer and it maintains live surfaces — two-way input bindings, validity checks, dynamic lists, and action round-trips included. ./examples ships seed payload transcripts; ./corpus is the exemplar store.

The repo's agent-producer toolkit (./agent) is intentionally not part of the published package — it is node-first, repo-internal machinery. The pure ./agent/meta-line types ARE published.

CDN (no build step)

<!-- styles come from the components/shared sheets (see @agent-ui-kit/components' CDN section) -->
<script type="module">
  import * as a2ui from 'https://esm.sh/@agent-ui-kit/[email protected]'
</script>

The @agent-ui-kit family

| Package | What it is | |---|---| | @agent-ui-kit/components | The component framework: signals kernel, 50+ light-DOM ui-* custom elements | | @agent-ui-kit/shared | Design tokens + foundation stylesheets (color, dimensions, themes) | | @agent-ui-kit/icons | Swappable icon-pack adapter (+ a Phosphor pack) | | @agent-ui-kit/a2ui | A2UI protocol renderer, validator, and component catalog | | @agent-ui-kit/a2a | A2A (Agent2Agent) protocol wire types + validation (spec v0.3.0) | | @agent-ui-kit/router | Memory-first SPA router with opt-in URL reflection | | @agent-ui-kit/code | Code + prose: highlighter registry, markdown renderer, source editor | | @agent-ui-kit/app | App-surface compositions: shells, conversation, agent admin |

MIT © Kim Granlund · Source