a2ui-v0-8

使用 A2UI v0.8(以 renderers/lit/src/0.8 与 specification/0.8 为准)生成服务端 JSONL UI 消息,并实现客户端事件与 A2A 扩展回传。适用于把用户需求转成 A2UI 组件树+数据模型+渲染序列,以及处理 action/userAction 与后端接口调用的场景。

181 stars

Best use case

a2ui-v0-8 is best used when you need a repeatable AI agent workflow instead of a one-off prompt.

使用 A2UI v0.8(以 renderers/lit/src/0.8 与 specification/0.8 为准)生成服务端 JSONL UI 消息,并实现客户端事件与 A2A 扩展回传。适用于把用户需求转成 A2UI 组件树+数据模型+渲染序列,以及处理 action/userAction 与后端接口调用的场景。

Teams using a2ui-v0-8 should expect a more consistent output, faster repeated execution, less prompt rewriting.

When to use this skill

  • You want a reusable workflow that can be run more than once with consistent structure.

When not to use this skill

  • You only need a quick one-off answer and do not need a reusable workflow.
  • You cannot install or maintain the underlying files, dependencies, or repository context.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/a2ui-v0-8/SKILL.md --create-dirs "https://raw.githubusercontent.com/majiayu000/claude-skill-registry/main/skills/data/a2ui-v0-8/SKILL.md"

Manual Installation

  1. Download SKILL.md from GitHub
  2. Place it in .claude/skills/a2ui-v0-8/SKILL.md inside your project
  3. Restart your AI agent — it will auto-discover the skill

How a2ui-v0-8 Compares

Feature / Agenta2ui-v0-8Standard Approach
Platform SupportNot specifiedLimited / Varies
Context Awareness High Baseline
Installation ComplexityUnknownN/A

Frequently Asked Questions

What does this skill do?

使用 A2UI v0.8(以 renderers/lit/src/0.8 与 specification/0.8 为准)生成服务端 JSONL UI 消息,并实现客户端事件与 A2A 扩展回传。适用于把用户需求转成 A2UI 组件树+数据模型+渲染序列,以及处理 action/userAction 与后端接口调用的场景。

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

SKILL.md Source

# A2UI v0.8 统一技能

## 概览
提供 A2UI v0.8 的端到端规范与实操流程:UI 生成(surfaceUpdate/dataModelUpdate/beginRendering/deleteSurface)与客户端事件回传(action → userAction → A2A)。

## 工作流(必须遵循)
1. 确认 Catalog 与 surfaceId:默认标准 Catalog,所有组件 id 唯一。
2. 设计组件图:扁平组件列表 + children/child 组装树。
3. 写入数据模型:dataModelUpdate 填充 ValueMap,并用 path 绑定。
4. 触发渲染:发送 beginRendering 指定 root。
5. 交互回传:组件 action.context 绑定数据,客户端解析为 userAction。
6. 增量更新:结构变更 surfaceUpdate,数据变更 dataModelUpdate。

## 生成侧规则
- 每条消息只能有一个顶级键:beginRendering / surfaceUpdate / dataModelUpdate / deleteSurface。
- surfaceUpdate.components 中 component 只能有一个组件类型键。
- children 使用 explicitList 或 template(template 必须含 componentId 与 dataBinding)。
- dataModelUpdate.contents 只使用 ValueMap(valueString/valueNumber/valueBoolean/valueMap)。
- BoundValue 的 literal* 与 path 二选一;相对 path 以 dataContextPath 解析。

## 客户端事件规则
- userAction 必填:name、surfaceId、sourceComponentId、timestamp。
- action.context 必须解析成最终值(不可保留 path)。
- 发送 DataPart 时 mimeType 必须与服务端一致,规范为 application/json+a2ui。
- 每次 A2A 消息都携带 a2uiClientCapabilities(supportedCatalogIds)。

## 兼容性提示
- TextField 字段命名在 schema 与 renderer 存在差异:schema 常用 textFieldType,Lit v0.8 类型用 type。接入时必须做字段对齐或映射。
- Modal 的 entryPointChild 会被渲染器赋 slot="entry",不要复用 slot 名称。

## 参考资料(按需加载)
- 协议与数据模型:`references/protocol-v0-8.md`
- 标准组件清单:`references/standard-catalog-v0-8.md`
- Schema 定位:`references/schemas-v0-8.md`
- JSONL 模板示例:`references/examples-jsonl-v0-8.md`
- 片段库:`references/snippets-v0-8.md`
- 客户端事件解析:`references/client-events-v0-8.md`
- A2A 扩展与能力协商:`references/a2a-extension-v0-8.md`
- 端到端流程:`references/sample-client-flow.md`
- 端到端请求模板:`usage.md`

Related Skills

a2ui

181
from majiayu000/claude-skill-registry

Generate A2UI 0.8 protocol compliant UI code. Use when building agent-driven interfaces, generating JSONL messages for surfaceUpdate/dataModelUpdate/beginRendering, creating forms, lists, cards, or any UI components that render across web/mobile/desktop platforms.

thor-skills

159
from majiayu000/claude-skill-registry

An entry point and router for AI agents to manage various THOR-related cybersecurity tasks, including running scans, analyzing logs, troubleshooting, and maintenance.

SecurityClaude

astro

159
from majiayu000/claude-skill-registry

This skill provides essential Astro framework patterns, focusing on server-side rendering (SSR), static site generation (SSG), middleware, and TypeScript best practices. It helps AI agents implement secure authentication, manage API routes, and debug rendering behaviors within Astro projects.

Coding & Development

modal-deployment

159
from majiayu000/claude-skill-registry

Run Python code in the cloud with serverless containers, GPUs, and autoscaling using Modal. This skill enables agents to generate code for deploying ML models, running batch jobs, serving APIs, and scaling compute-intensive workloads.

DevOps & Infrastructure

vly-money

159
from majiayu000/claude-skill-registry

Generate crypto payment links for supported tokens and networks, manage access to X402 payment-protected content, and provide direct access to the vly.money wallet interface.

Fintech & CryptoClaude

ux

159
from majiayu000/claude-skill-registry

This AI agent skill provides comprehensive guidance for creating professional and insightful User Experience (UX) designs, covering user research, information architecture, interaction design, visual guidance, and usability evaluation. It aims to produce actionable, user-centered solutions that avoid generic AI aesthetics.

UX Design & StrategyClaude

chrome-debug

159
from majiayu000/claude-skill-registry

This skill empowers AI agents to debug web applications and inspect browser behavior using the Chrome DevTools Protocol (CDP), offering both collaborative (headful) and automated (headless) modes.

Coding & DevelopmentClaude

tech-blog

159
from majiayu000/claude-skill-registry

Generates comprehensive technical blog posts, offering detailed explanations of system internals, architecture, and implementation, either through source code analysis or document-driven research.

Content & DocumentationClaude

ontopo

159
from majiayu000/claude-skill-registry

An AI agent skill to search for Israeli restaurants, check table availability, view menus, and retrieve booking links via the Ontopo platform, acting as an unofficial interface to its data.

General Utilities

grail-miner

159
from majiayu000/claude-skill-registry

This skill assists in setting up, managing, and optimizing Grail miners on Bittensor Subnet 81, handling tasks like environment configuration, R2 storage, model checkpoint management, and performance tuning.

DevOps & Infrastructure

lets-go-rss

159
from majiayu000/claude-skill-registry

A lightweight, full-platform RSS subscription manager that aggregates content from YouTube, Vimeo, Behance, Twitter/X, and Chinese platforms like Bilibili, Weibo, and Douyin, featuring deduplication and AI smart classification.

Content & Documentation

whisper-transcribe

159
from majiayu000/claude-skill-registry

Transcribes audio and video files to text using OpenAI's Whisper CLI, enhanced with contextual grounding from local markdown files for improved accuracy.

Media Processing