agui-author

Featured

Author live dashboard UI from an agent via the `emit_ui` MCP tool. Emit one of six allow-listed components (approval_card, choice_prompt, diff_summary, progress, metric, agent_card) with JSON props and it renders in any AG-UI client watching the fleet. Use when you want the operator to see a decision, a diff, or a status readout instead of scrolling terminal text. Arbitrary HTML/markup is refused.

AI & Automation 1,089 stars 227 forks Updated today Apache-2.0

Install

View on GitHub

Quality Score: 89/100

Stars 20%
100
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Authoring generative UI over AG-UI CAO exposes an **AG-UI** stream (`GET /agui/v1/stream`) that any dashboard — CopilotKit, the AG-UI Dojo, or a plain `EventSource` — renders without CAO-specific code. As an agent you can push a **declarative UI intent** onto that stream with the `emit_ui` MCP tool. The operator sees a rendered card, not raw text — and because every provider's intents render uniformly, they can't tell (and don't need to) which CLI agent produced which card. The surface must be enabled on the server (`CAO_AGUI_ENABLED=true` or `CAO_MCP_APPS_ENABLED=true` — the two surfaces share one event source). When it is disabled, `emit_ui` returns `{"ok": false, "reason": "AG-UI surface disabled…"}` — treat that as a no-op, not an error. ## Safety model (why this is always safe to call) You may emit **only** a closed allow-list of named components with JSON props. There is **no HTML, no script, no `eval`, no iframe**. The intent is validated **server-side** against the allow-list before it reaches the stream: - An **off-list** component (e.g. `iframe`, `script`) is **refused** — the tool raises a `ValueError`; nothing is rendered. - `props` must be **JSON-serializable** and are **bounded to 8 KB** — an oversized or non-serializable payload is **rejected** at the `emit_ui` boundary (HTTP 400, the tool raises a `ValueError`), so a bad payload never reaches the bus. - If the AG-UI surface is disabled on the server, the tool **degrades gracefully** (no error) —...

Details

Author
awslabs
Repository
awslabs/cli-agent-orchestrator
Created
1 years ago
Last Updated
today
Language
Python
License
Apache-2.0

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

agui-development

AG-UI protocol event structures, types, and integration guide for streaming agent responses. Use when implementing streaming UI, consuming AG-UI events from a backend agent, understanding event flow, building SSE endpoints that emit AG-UI events, handling tool call events, rendering reasoning/thinking events, or debugging event flow/ordering. Do NOT use for generic SSE endpoints that don't carry AG-UI events, or for MCP (tool-calling) or A2A (agent-to-agent) protocol integration — AG-UI is the agent-to-user layer only.

0 Updated 2 weeks ago
RahulDas-dev
Web & Frontend Listed

a2ui-development

Google's A2UI (Agent-to-UI) protocol — declarative agent-generated UI, message envelopes, component catalogs, and data binding. Use when an agent needs to render rich interactive UI (not just text) declaratively across web/mobile/desktop, when parsing or emitting createSurface/updateComponents/updateDataModel/deleteSurface messages, when building a native A2UI renderer or emitter from the wire spec, or when validating a payload against the official A2UI schema. Do NOT use for agent event/streaming lifecycle concerns (run/step/tool-call/reasoning events) — this skill covers only the UI-rendering payload format, not the transport or event stream carrying it.

0 Updated 2 weeks ago
RahulDas-dev
AI & Automation Solid

ai-ui-generation

AI-assisted UI generation patterns for json-render, v0.app, Google Stitch, Bolt Cloud, and Cursor workflows. Covers prompt engineering for component and full-stack app generation, review checklists for AI-generated code, design token injection, refactoring for design system conformance, and CI gates for quality assurance. Use when generating UI components with AI tools, rendering multi-surface MCP visual output, reviewing AI-generated code, or integrating AI output into design systems.

223 Updated today
yonatangross