2025年12月15日 开源发布

Google A2UI 项目深度解析 A2UI

Agent-to-User Interface:为 AI Agent 时代设计的 UI 生成协议标准。
不仅是代码生成,而是建立一种新的“沟通语言”。

核心工作流:从意图到界面

AI Agent (云端)

生成结构化 JSON 蓝图
而非直接的 HTML 代码

JSON Stream

Client App (本地)

解析 JSON -> 映射组件库
安全渲染原生 UI

💡 关键点: 客户端只渲染“预批准”的组件(如 Card, Button),这杜绝了 AI 随意生成恶意脚本或破坏 UI 风格的风险。

场景模拟:餐厅预订 (本地模拟)

Incoming JSON Stream
// 点击"重播演示"开始接收 A2UI 数据...
9:41
帮我订这周五晚上的意大利餐厅,两个人。

在线体验:A2UI Composer

Loading Demo...

演示来源:ag-ui.com

安全性 (Safety)

AI 无法直接生成可执行代码。它只能从应用的“白名单组件目录”中点单。这从根本上杜绝了 prompt injection 导致的 XSS 攻击或界面破坏。

跨平台 (Cross-Platform)

同一份 JSON 蓝图可以发送给 Web (React/Angular)、iOS (SwiftUI) 或 Android (Flutter)。UI 的外观完全由客户端的原生样式决定,保证视觉一致性。

流式增量更新 (Streaming)

支持 addComponents, updateData 等操作。Agent 可以先展示框架,再填充数据,或者根据用户填写的表单动态生成下一步,无需刷新整个界面。

标准化组件 (Standardization)

Google 定义了一套通用的基础组件集(Card, Form, Chart, Map等)和属性规范。这类似于“Agent 界的 HTML”,让模型训练和微调更加容易。

澄清:它不是什么?

它不是“AI 写 HTML/CSS”

不同于 v0.dev 或 Copilot 帮你写前端代码。A2UI 是运行时的协议,Agent 在用户对话时动态生成界面结构。

它不包含 UI 渲染引擎

A2UI 只是规范。渲染器(Renderer)需要由开发者使用 React、Flutter 等自己实现(或者使用 Google 提供的参考实现)。

“用户的误解在于认为 AI 可以‘凭空创造’全新的 UI 元素。实际上,AI 更像是在玩乐高——它只能用你提供的积木(组件)来搭建城堡。”

未来愿景:模型即应用 (Model as App)

A2UI 标志着 Chatbot 向 Micro-App Generator 的进化。未来的应用可能只有一个入口, 当你想订票时,AI 现场为你组装一个订票界面;当你想分析数据时,AI 现场为你组装一个仪表盘。 这种“随需而变的界面” (Generative UI) 将彻底改变我们开发和使用软件的方式。