v0.8 PROTOCOL
A2UI
Agent-to-User Interface
AI 生成用户界面的声明式协议
「AI 不止能说，还能「画界面」。让 Agent 生成 JSON 描述 UI → 客户端用原生组件渲染。安全、跨框架、可组合。」
🔥 四大核心设计理念
🛡️ 安全性 (Security)
声明式 JSON 数据，非可执行代码。仅允许白名单组件，从根本上防止代码注入。
🧠 LLM 友好
扁平化组件列表，支持流式生成。Agent 可以一边「思考」一边输出界面结构。
📱 跨框架 (Portable)
同一份 JSON 可在 Flutter, React, SwiftUI 等多端渲染，保持原生体验。
🔄 渐进式更新
支持动态修改 UI 而无需全量刷新，实现高效的交互式体验。
⚙️ 工作原理：从 Agent 到 UI
用户
发送意图
Agent
生成 A2UI JSON
传输
SSE / A2A
客户端
渲染原生组件
// Agent 发送示例：
{
"surfaceUpdate": {
"component": { "Button": { ... } }
}
}
{
"surfaceUpdate": {
"component": { "Button": { ... } }
}
}
⚖️ 方案对比与生态
| 特性 | A2UI (Google) | MCP Apps | ChatKit |
|---|---|---|---|
| 核心理念 | 原生优先 (Native First) | Web 中心 / 资源获取 | OpenAI 生态集成 |
| 渲染方式 | 声明式 JSON → 原生组件 | HTML/IFrame 沙盒 | 预定义 UI 块 |
| 安全性 | 白名单组件库，无代码执行 | Iframe 隔离 | 平台管控 |
| 适用场景 | 跨平台企业应用，多代理协作 | 工具快速集成，Web 插件 | 快速构建 OpenAI 应用 |
🧩 典型应用场景
动态数据收集
Agent 根据对话上下文，即时生成包含日期选择器、滑块的定制表单，而非多轮文本问答。
企业级自适应工作流
根据用户查询实时生成审批仪表板、数据可视化界面，提升办公协作效率。
多代理协作 (Multi-Agent)
主代理委派任务给专业子代理（如订票助手），子代理直接返回 UI 载荷嵌入主界面。