A2ui V0 8
- 1 installs
- 534 repo stars
- Updated August 4, 2026
- majiayu000/claude-skill-registry
End-to-end A2UI v0.8 workflow for generating server-side JSONL UI messages plus handling client-side action and userAction events with A2A callback integration.
About
Covers the full A2UI v0.8 flow, generating component trees, data models, and render sequences server-side and wiring client action/userAction events back through A2A. A developer uses it to turn requirements into A2UI UI plus interaction handling.
- Six-step workflow from catalog to incremental updates
- Client userAction and A2A callback rules with json+a2ui mimeType
A2ui V0 8 by the numbers
- 1 all-time installs (skills.sh)
- Ranked #1,914 of 2,245 Frontend Development skills by installs in the Skillselion catalog
- Data as of Aug 5, 2026 (Skillselion catalog sync)
npx skills add https://github.com/majiayu000/claude-skill-registry --skill a2ui-v0-8Add your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 1 |
|---|---|
| repo stars | ★ 534 |
| Last updated | August 4, 2026 |
| Repository | majiayu000/claude-skill-registry ↗ |
What it does
End-to-end A2UI v0.8 workflow for generating server-side JSONL UI messages plus handling client-side action and userAction events with A2A callback integration.
Files
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
Vercel React Best PracticesAutomatically apply Vercel’s official React and Next.js performance rules during code generation and review.587k29.6kVercel Composition PatternsGenerate and refactor React components that stay maintainable as complexity grows without boolean prop explosion.267k29.6k
ShadcnAdd, compose, search, fix, and style production-grade React components directly from source without leaving their editor.257k120k
Develop UserscriptsCorrectly write, debug, and package userscripts for Tampermonkey and ScriptCat with proper metadata, GM APIs, and runtime decisions.224k72
Minimalist UiGenerate clean, editorial-style web interfaces with warm monochrome palettes, typographic hierarchy, bento grids and flat components that feel premium and utilita212k69.4kImage To CodeConvert high-fidelity design images into production-ready, visually accurate frontend code that avoids generic AI design pitfalls.177k69.4k