a2ui

Generate A2UI 0.8 compliant UI definitions and message streams.

7|Updated Jan 1, 2026
One-click install
npx skills add https://github.com/kobe4cn/a2ui_skills --skill a2ui-kobe4cn
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: a2ui
Source: https://github.com/kobe4cn/a2ui_skills/tree/main
Command: npx skills add https://github.com/kobe4cn/a2ui_skills --skill a2ui-kobe4cn

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill enables developers to generate A2UI 0.8 protocol compliant UI definitions and streaming messages that agents can render across clients, providing a structured, schema‑driven approach to UI construction.

Core Features & Use Cases

  • Generate surfaceUpdate, dataModelUpdate, and beginRendering message sequences for forms, lists, modals, and cards used in web, mobile, and desktop applications.
  • Support a flat adjacency-list component model, robust data binding, catalog negotiation, and multi-surface orchestration for complex, interactive UIs.
  • Provide examples, references, and guidelines to accelerate integration, testing, and incremental rendering with A2UI 0.8.

Quick Start

Provide a minimal A2UI surface with a login form and the corresponding surfaceUpdate, dataModelUpdate, and beginRendering messages.

Frequently Asked Questions about a2ui

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate A2UI 0.8 protocol compliant streaming messages for agent-driven interfaces?

To generate A2UI 0.8 streaming messages, create sequences of surfaceUpdate, dataModelUpdate, and beginRendering messages. This enforces a flat adjacency-list component model and bound values for interactive forms, lists, and modals across web, mobile, and desktop clients.

What is the best way to structure multi-surface orchestration in A2UI 0.8?

Multi-surface orchestration in A2UI 0.8 uses a flat adjacency-list component model with catalog negotiation. It coordinates multiple interactive UI surfaces through structured dataModelUpdate and surfaceUpdate messages, enabling complex, progressive rendering across different platforms.

How do I bind data values in an A2UI 0.8 UI definition?

Data binding in A2UI 0.8 UI definitions uses a robust dataModelUpdate mechanism to sync values with components. It enforces bound values within the flat adjacency-list model, ensuring that interactive forms and lists reflect accurate state during rendering.

Can I use A2UI 0.8 to build and render forms across mobile and desktop platforms?

Yes, A2UI 0.8 builds and renders forms, lists, modals, and cards across web, mobile, and desktop platforms. It generates protocol compliant UI definitions that agents can render incrementally using beginRendering messages with validation.

Does A2UI 0.8 support progressive rendering for streaming JSONL interfaces?

A2UI 0.8 supports progressive rendering for streaming interfaces by emitting incremental surfaceUpdate and dataModelUpdate messages. This allows agents to render UI components progressively during validation and data negotiation.

When should I use catalog negotiation in A2UI 0.8 UI generation?

Catalog negotiation in A2UI 0.8 is used when generating complex, interactive UIs across multiple surfaces. It ensures agents and clients agree on available components before rendering, validating the flat adjacency-list model and bound values.