生成式 UI 的 "握手协议"
A2UI (Agent-to-User Interface) 不是一个 UI
组件库,它是一个
协议标准。它解决了 AI 领域最大的难题:
如何让智能体安全地控制视觉界面?
A2UI 拒绝让 AI 编写危险的 HTML,而是通过结构化的 JSON 来协商意图。
你的 App 说“我会画图表”,Agent 说“这是一份数据,请画出来”。
是 JSON,非代码
Agent 发送声明式数据,你的代码库负责校验并渲染受控组件。
原生性能
渲染为宿主原生组件,减少额外 WebView 开销,并保留平台交互能力。
完全掌控
你定义设计系统。Agent 只是使用你提供的“乐高积木”来搭建。
赋能下一代
Agentic 体验
AI 旅行助手
不仅仅是聊航班。在对话框中直接展示实时票务、选座地图和预订流程。
对话式电商
将浏览转化为购买。直接展示商品轮播、尺码指南和支付按钮,无需离开聊天界面。
数据分析师
即时可视化 SQL 查询结果。将原始数据即刻渲染为交互式折线图、透视表和热力图。
工作原理
定义 (Define)
在代码库中创建一个组件注册表 (Registry),将 JSON 类型映射到 React/Vue 组件。
提示 (Prompt)
指示您的 LLM (GPT-4, Gemini) 输出符合您 Schema 定义的 JSON 数据。
渲染 (Render)
使用 `<AIOutput />` 组件解析数据流,并即时呈现原生 UI 界面。
协议流程
通过声明式架构,实现 Agent 跨越信任边界安全生成 UI。
核心问题:Agent 需要具备 UI 能力
纯文本交互在处理复杂任务时低效且冗长。A2UI 允许 Agent 瞬间渲染出定制化的预订界面,而不是进行繁琐的“有空位吗?”式对话。
A2UI 实战演示
观看智能体如何仅凭一张上传的照片,生成完整的景观设计师应用界面。
行业领袖的信赖
A2UI 非常适合 Flutter 的 GenUI SDK,因为它确保了每个平台上的每个用户都能获得高质量的原生体验。
它赋予了我们灵活性,让 AI 以新颖的方式驱动用户体验... 其声明式特性和对安全性的关注让我们能够快速、安全地进行实验。
A2UI 带来了一种'原生优先'的方法:Agent 发送的是 UI 组件的描述,而非代码。您的应用将其映射到自己受信任的设计系统中,从而保持完美的品牌一致性和安全性。