AGenUI是什么
AGenUI 是高德地图联合阿里千问 C 端应用团队推出的行业首个覆盖 iOS、Android、HarmonyOS 三端的端云一体原生 A2UI 开源框架。框架基于 Google A2UI 开放协议构建，补齐端侧原生渲染能力，让 AI Agent 的输出直接转化为可交互的原生卡片，无需为不同平台单独编写 UI 代码，推动 AI 应用从文本交互迈向生成式 UI 交互。
AGenUI的主要功能
三端原生渲染：一套代码同时运行在 iOS、Android、HarmonyOS，端侧直接渲染为原生组件。
A2UI 协议完整实现：基于 Google A2UI 协议，定义模型描述界面的标准方式，并补齐端侧执行能力。
丰富组件生态：内置 22 个基础组件与 45 项 CSS 属性，支持 Chart、RichText、Lottie、PageViewer、音视频播放器等复杂组件。
流式实时渲染：采用 Streaming-first 架构，组件边生成边挂载呈现，配合差分更新与异步渲染。
Theme 设计系统：通过 Design Token 实现语义描述到品牌样式的自动映射，支持深色/浅色模式。
组件三维定制：支持组件级、功能调用级、主题级的灵活定制与覆写。
AGenUI的技术原理
- 端云一体架构：云侧通过 Agent Skill 生成符合 A2UI 规范的 JSON 数据，降低大模型的 Token 消耗和输出不确定性；端侧依托跨平台 C++ Core 统一处理协议解析、状态管理与布局计算，在三端直接渲染为原生组件，从底层保证多端体验一致。
- Streaming-first 流式架构：支持组件到达即刻挂载，实现”边生成边呈现”；配合最小化节点差分更新与独立线程异步渲染机制，高频增量更新也不会阻塞主线程，确保 120fps 流畅动画体验。
- 原生跨平台内核：以 C++ Core 作为跨平台底座，在各平台上直接调用原生渲染管线，非通过 WebView 或自绘引擎中转，实现极致的首帧渲染性能和原生交互体验。
AGenUI的核心优势
三端一套代码：一套代码同时覆盖 iOS、Android、HarmonyOS，彻底消除跨平台 UI 重复开发成本。
端侧原生渲染：直接调用各平台原生渲染管线，首帧时间大幅降低，动画流畅度达 120fps，体验远超 WebView 方案。
流式实时呈现：采用 Streaming-first 架构，组件边生成边挂载呈现，用户无需等待完整响应即可开始交互。
差分异步更新：最小化节点差分更新配合独立线程异步渲染，高频增量更新不阻塞主线程，复杂场景下依然流畅。
内置设计体系：通过 Design Token 实现语义到品牌的自动映射，Agent 生成的 UI 可直接对齐产品视觉标准，并支持深色/浅色模式。
极简接入体验：统一 API 设计，数行代码即可完成 SDK 集成，大幅降低 Agent UI 开发门槛。
AGenUI的项目地址
- 项目官网：https://genui.amap.com/
- GitHub仓库：https://github.com/AGenUI/AGenUI
AGenUI的同类竞品对比
| 对比维度 | AGenUI | AG-UI (CopilotKit) | React Native |
|---|---|---|---|
| 产品定位 | 面向 AI Agent 的端云一体原生 UI 生成框架，让大模型输出直接转化为可交互原生界面。 | 前端 Agent-UI 实时交互协议，打通 LLM 与前端组件的双向数据流，侧重 Web 场景。 | 传统跨平台移动应用开发框架，用 JavaScript 编写逻辑、原生组件渲染 UI，非为 Agent 场景设计。 |
| 协议基础 | 基于 Google A2UI 开放协议，定义模型描述界面的标准 JSON 格式，并补齐端侧原生执行能力。 | 自研 AG-UI 协议，通过事件流驱动前端组件状态更新，实现 LLM 与 UI 的双向绑定。 | 无特定 Agent 协议，开发者需自行处理 LLM 输出到 UI 的解析与映射逻辑。 |
| 支持平台 | 同时覆盖 iOS、Android、HarmonyOS 三端，一套代码即可跨端运行。 | 以 Web 生态为主，依赖前端框架（React/Vue/Angular），移动端需借助 WebView 或 PWA。 | 支持 iOS、Android，通过社区方案可拓展至 Web 和桌面端，但不支持 HarmonyOS 原生。 |
| 渲染方式 | 端侧原生渲染，跨平台 C++ Core 直接调用各平台原生渲染管线，非 WebView 中转。 | 前端框架无关渲染，最终依赖浏览器或 WebView 的渲染引擎，非原生组件直出。 | 原生渲染，JavaScript 桥接调用平台原生组件，性能接近纯原生应用。 |
| AI 原生设计 | 专为 Agent 场景从零设计，组件、布局、交互均围绕大模型生成式输出优化。 | 专为 Agent 场景设计，提供前端层面的 LLM 状态管理与组件联动机制。 | 通用应用开发框架，无内置 Agent 或 LLM 交互能力，需完全自行封装。 |
| 流式生成 | 采用 Streaming-first 架构，组件边生成边挂载呈现，配合差分更新与异步渲染。 | 支持事件流驱动，LLM 输出可实时映射到前端状态，但组件渲染受限于前端框架性能。 | 不支持原生流式 UI 生成，若实现类似效果需开发者自行搭建复杂的状态管理方案。 |
| 组件生态 | 内置 22 个基础组件与 45 项 CSS 属性，涵盖 Chart、RichText、Lottie、音视频播放器等复杂组件。 | 依赖前端生态现有组件库，通过协议层绑定 LLM 能力，组件丰富度取决于所选前端框架。 | 拥有庞大的社区组件生态，但组件需人工编排，无法由 Agent 动态生成与组合。 |
| 性能表现 | 首帧渲染时间大幅降低，支持 120fps 流畅动画，高频增量更新不阻塞主线程。 | 性能受限于浏览器或 WebView 渲染效率，复杂动画与高频更新场景下易出现掉帧。 | 原生渲染性能优秀，但 JavaScript 桥接通信存在开销，复杂场景需额外优化。 |
| 接入方式 | 统一 API 数行代码即可接入 SDK，云侧生成 A2UI 数据后自动映射为端侧原生界面。 | 需在前端项目中引入 SDK 并配置 AG-UI 协议适配层，对前端技术栈有一定要求。 | 需搭建完整开发环境，编写 JSX 组件与原生模块桥接代码，接入成本较高。 |
| 开源协议 | 开源 | MIT 开源 | MIT 开源 |
AGenUI的应用场景
智能助手交互卡片：地图导航、本地生活、出行服务等复杂场景中，Agent 实时生成可交互的原生卡片，用户无需跳转即可完成查询、预订、支付等操作。
动态数据可视化：Agent 根据对话上下文即时生成折线图、柱状图、饼图等原生图表组件，将抽象数据转化为直观可视的端侧原生界面。
富媒体内容展示：支持图文混排、轮播图、Lottie 动画、音视频播放等富交互内容的动态生成，满足营销、资讯、教育等场景的多媒体呈现需求。
企业级跨平台 Agent 应用：面向需要同时在 iOS、Android、HarmonyOS 部署且对性能、视觉一致性和交互流畅度要求高的 B 端智能体产品，大幅降低多端适配成本。
相关文章
