A2ui Adk

Build agents that generate rich, interactive UIs using Google's A2UI (Agent-to-User Interface) format with Google ADK (Agent Development Kit). Use when building ADK agents that need to render dynamic UI components, forms, cards, lists, or interactive elements via the A2UI declarative JSON format. Includes a Tailwind CSS + shadcn/ui design system flavor for creating beautiful, modern A2UI catalogs and components. Covers A2UI schema management, catalog configuration, A2A transport integration, response parsing/validation, custom catalog creation, and the orchestrator pattern for multi-agent UI r

11 starsFrontend & Design

Install

skills CLI (Claude Code, Cursor, Codex and more)

npx skills add coolxeo/a2ui-adk --skill a2ui-adk

Manual install

git clone --depth 1 https://github.com/coolxeo/a2ui-adk.git /tmp/a2ui-adk
mkdir -p ~/.claude/skills
cp -r /tmp/a2ui-adk/. ~/.claude/skills/a2ui-adk

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# A2UI + ADK Skill

Build Google ADK agents that generate rich, interactive UIs using the A2UI declarative JSON format, styled with Tailwind CSS and shadcn/ui design principles.

## What is A2UI?

**A2UI (Agent-to-User Interface)** is an open standard (Apache 2.0, github.com/google/A2UI) that lets agents "speak UI." Agents send declarative JSON describing UI intent; client apps render it using native components (Flutter, Angular, Lit, React, etc.).

Core principles:
- **Security first**: Declarative data format, not executable code. Clients maintain a catalog of trusted, pre-approved UI components.
- **LLM-friendly**: Flat list of components with ID references, easy for LLMs to generate incrementally.
- **Framework-agnostic**: Same JSON payload renders on any supported client framework.
- **Currently v0.8 (Public Preview)**, v0.9 also available.

## Architecture Overview

```
Agent (ADK + A2UI SDK) → A2UI JSON Response → Transport (A2A/AG UI) → Client Renderer (Lit/Flutter/etc.)
```

1. **Generation**: Agent uses LLM to generate A2UI JSON payload
2. **Transport**: Sent via A2A protocol or AG UI
3. **Resolution**: Client's A2UI Renderer parses the JSON
4. **Rendering**: Maps abstract components to native widgets

## Key Dependencies

Read the full skill on GitHub

Details

Skill name: a2ui-adk
Repository: coolxeo/a2ui-adk
Repo updated: 7 March 2026

FAQ

What does the A2ui Adk skill do?

How do I install the A2ui Adk skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add coolxeo/a2ui-adk --skill a2ui-adk. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is A2ui Adk popular?

It lives in coolxeo/a2ui-adk, which has 11 GitHub stars and 0 forks.

Related skills

Funnel Cloner

Perspectiveco/funnel-cloner

Clone any landing page or marketing funnel from a URL into the user's Perspective account, rebuilt as closely as possible. Use this whenever the user drops a URL and wants to rebuild, recreate, clone, copy, replicate, or "funnel hack" it as a Perspective funnel — including turning a competitor's funnel into their own, recreating a landing page in Perspective, or "make this in Perspective." Trigger on phrasings like "rebuild this URL in Perspective", "clone this funnel", "copy this landing page into Perspective", "recreate this page as a funnel", "funnel hack this and build it", or even just pa

Frontend & Design

Senior Designer

sshahzaiib/senior-designer-skill

Act as an evidence-based senior product designer for any UI/app design or build task. Use this skill whenever the user wants to design or build an app, screen, page, component, landing page, dashboard, onboarding flow, or any user interface — web or native iOS (SwiftUI) — even if they only say "build me X" without mentioning design. Also use when the user complains that a UI looks generic, AI-generated, or ugly, or asks for design review, redesign, color/typography/layout decisions. Every rule inside is sourced from 158 vetted design publications (Apple HIG, WCAG, NN/g research, Bringhurst, No

Frontend & Design

Otel Collector Config

s3onghyun/otelcol-doctor

Use when authoring, debugging, or reviewing an OpenTelemetry Collector (otelcol) configuration — defining receivers/processors/exporters/connectors, wiring service pipelines, choosing between the core and contrib distributions, or exporting to OTLP/Prometheus/Loki/Tempo/Mimir. Also use when a Collector starts but no data arrives, a component is rejected at startup, or metrics lack expected labels. Triggers on "otelcol", "otel collector config", "collector pipeline", "receivers/processors/exporters", "memory_limiter", "otlp exporter", "prometheusremotewrite", "spanmetrics", "tail_sampling".

Frontend & DesignIn 1 list

Premium Web Design

Lucxar/premium-web-design-skill

Transform any website into a premium, Apple-quality web experience. Use when building new websites, redesigning existing ones, reviewing web design quality, implementing landing pages, or when the user mentions "premium", "luxury", "high-end", "Apple-like", or "professional" website design. Also activate when creating hero sections, improving visual hierarchy, adding animations, or optimizing web aesthetics.

Frontend & Design

Anime 80s

m-mahadi/anime-80s-skill

Turn any brand, product, event, sentence, theme, or reference photo into an original printed piece that looks like it came out of 1980s Japanese anime print culture - theatrical one-sheets, anime-magazine covers, solid colour-field posters, one-ink screenprints, package labels, riso overprints, colored-pencil plates, and giant-word posters. Use whenever the user asks for 80s anime, 90s anime, retro anime, old anime, cel animation, cel-shaded, city pop, showa anime, anime key art, anime movie poster, anime magazine cover, or wants their brand, product, merch, packaging, social post, podcast cov

Frontend & Design

No Slop Design

agshinrajabov/no-slop-design

Senior product-design workflow for web and mobile UI that avoids generic "AI slop" and produces token-based, accessible, platform-correct design with a deliberate visual anchor. Use when asked to design, redesign, review, or "make it look better" for any screen, app, landing page, component, or design system; when building UI from scratch; when a design system or brand must be adopted or created; when generating design tokens, moodboards, or design specs; or when output must not look AI-generated. Runs discovery (market, audience, existing design system) → mini research → moodboard → tokens →

Frontend & Design

Browse the most popular Claude skills, all frontend & design skills, or write your own with the skills generator.