skills.rest
lifeodyssey
lifeodysseyCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

google-a2ui

Translate agent intentions into declarative A2UI component payloads for web and mobile clients.

1|Updated Mar 12, 2026
Search Tags:#security#validation#declarative-ui#a2ui#client-rendering#agent-ui#ui-protocol
One-click install
npx skills add https://github.com/lifeodyssey/opencode-team-config --skill google-a2ui
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: google-a2ui
Source: https://github.com/lifeodyssey/opencode-team-config/tree/main/skills/google-a2ui
Command: npx skills add https://github.com/lifeodyssey/opencode-team-config --skill google-a2ui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Declarative A2UI payloads let agents express user interface requirements to clients without executing code, improving security and consistency.

Core Features & Use Cases

  • Declarative UI payloads: Agents specify UI structures (cards, buttons, inputs) that clients render from a trusted catalog.
  • Security-first rendering: Enforce whitelisting, payload validation, and accessibility checks to prevent unsafe rendering.
  • Cross-platform integration: Works with web and mobile clients via A2UI-compatible renderers and ADK integrations.

Quick Start

Provide a declarative A2UI payload describing a welcome Card with a Button to begin.

Frequently Asked Questions about google-a2ui

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

FAQPage Schema
How do I build agent-driven UIs without executing untrusted code on the client?▼

Declarative UI payloads let agents express UI requirements to clients without executing code. Agents specify UI structures like cards and buttons that clients render from a trusted component catalog, improving security and consistency.

What is the A2UI protocol for agent user interfaces?▼

A2UI is a UI protocol for translating agent intentions into safe, declarative UI component payloads. It enables agent-driven UI workflows across web and mobile clients by rendering components from a trusted catalog.

How do I validate declarative UI payloads to prevent unsafe rendering?▼

You validate declarative UI payloads by enforcing whitelisting, payload validation, and accessibility checks. This security-first rendering approach prevents unsafe rendering when agents specify UI structures to clients.

Can I use declarative agent UI payloads for both web and mobile clients?▼

Yes, declarative agent UI payloads work with web and mobile clients via A2UI-compatible renderers. This cross-platform integration ensures consistent rendering of components from a trusted catalog across different client environments.

Do I need a predefined component catalog to render agent UIs?▼

Yes, a predefined component catalog is required to render agent UIs. Clients render declarative UI structures like cards and buttons exclusively from this trusted catalog to ensure security and predictable rendering.

Related Skills

Explore More Software Engineering Skills→
sametozkalesametozkale

react

Convert JSON UI specifications into React component trees.

Community
Intermediate
AbsolutelySkilledAbsolutelySkilled
207

a2ui

Generate and render declarative UIs using the A2UI protocol.

Official
Advanced
supersterlingsupersterling
1

json-render-react

Render JSON specifications as React component trees via a type-safe registry.

Community
Advanced
PatternsDevPatternsDev
235

react-server-components

Server-render React components to reduce client-side JavaScript in Next.js App Router.

Official
Intermediate