A2UI
Agent-to-User Interface
Agent 到界面协议 · 让 AI 用 JSON 说出它想画什么 UI
- 定义
- A2UI（Agent-to-User Interface）是AI领域的专业术语。AI Agent 越来越强，但输出还是困在文本和 Markdown 里。
最后更新：2026-03-29
什么是A2UI？
AI Agent 越来越强，但输出还是困在文本和 Markdown 里。A2UI 让 Agent 用声明式 JSON 描述 UI 意图，客户端（Web、移动端、桌面端）用自己的原生组件库渲染，既保证跨平台体验一致，又避免执行任意代码带来的安全风险。Google 于 2025 年 12 月开源发布。
- 声明式 JSON 描述 UI 意图，不执行任意代码，安全性优先
- 跨平台原生渲染——同一份 JSON 在 Flutter、Angular、Lit、React 上各自用原生组件呈现
- 与 A2A、AG-UI 等协议互补：A2A 管 Agent 间通信，A2UI 管 Agent 到用户的界面表达
A2UI详解
传统 AI Agent 的输出局限于文本或 Markdown，无法生成按钮、表单、图表等交互组件。直接让 Agent 输出 HTML/JS 又有严重的安全隐患。A2UI 的解决方案是引入声明式中间层：Agent 输出结构化 JSON 描述 UI 组件和交互逻辑，客户端根据自身框架（Flutter、Angular、Lit 等）将其映射为原生组件渲染。这种「描述意图而非执行代码」的设计既释放了 Agent 的表达力，又将安全边界牢牢控制在客户端。协议已获 Oracle、CopilotKit 等生态支持，与 Agent Spec、AG-UI 形成分层架构。当前局限在于组件库覆盖度和复杂交互场景的表达能力仍在迭代中。
公式提示
Agent 输出声明式 JSON → 客户端映射为原生组件 → 用户看到并交互 → 交互事件回传 Agent
A2UI的应用场景
正式定义
一种开源的声明式 UI 协议，标准化 AI Agent 描述用户界面意图的方式，由客户端使用原生组件安全渲染。
应用场景
- AI 助手在对话中动态生成表单、图表、商品卡片等交互组件
- 跨平台 Agent 应用复用同一份 UI 描述，在 Web/iOS/Android/桌面端原生渲染
- 企业内部 Agent 工具链中安全地生成操作界面，避免代码注入风险
常见误区
- A2UI 不是让 Agent 写前端代码——它输出的是声明式 JSON，不是 HTML/JS
- A2UI 不替代前端框架——它是 Agent 与前端框架之间的翻译层，渲染仍由 Flutter/React/Angular 等完成
实际案例
📌 Agent 生成商品对比卡片
用户让 AI 助手比较两款手机，Agent 通过 A2UI 输出包含图片、参数表格和「加入购物车」按钮的声明式 JSON，客户端渲染为原生交互卡片。
📌 CopilotKit AG-UI 集成
Oracle 宣布 Agent Spec 通过 CopilotKit 的 AG-UI 支持 A2UI，形成「Agent Spec 定义运行逻辑 + AG-UI 传输交互 + A2UI 定义界面」的三层架构。
A2UI的参考来源
关于A2UI的常见问题
- A2UI 和直接输出 HTML 有什么区别
- A2UI 输出声明式 JSON 描述 UI 意图，由客户端安全渲染为原生组件；直接输出 HTML/JS 有代码注入风险，且无法跨平台原生适配。
- A2UI 和 A2A 是什么关系
- A2A 管 Agent 与 Agent 之间的通信，A2UI 管 Agent 到用户的界面表达。一个管后端协作，一个管前端呈现，互补而非竞争。
- A2UI 支持哪些前端框架
- 协议本身框架无关，目前已有 Flutter、Angular、Lit 等渲染实现，React 等社区适配也在推进中。