AGenUI – 高德聯合阿里開源的原生 A2UI 框架

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的應用場景

• 智能助手交互卡片：地圖導航、本地生活、出行服務等複雜場景中，Agent 實時生成可交互的原生卡片，用戶無需跳轉即可完成查詢、預訂、支付等操作。
• 動態數據可視化：Agent 根據對話上下文即時生成折線圖、柱狀圖、餅圖等原生圖表組件，將抽象數據轉化爲直觀可視的端側原生界面。
• 富媒體內容展示：支持圖文混排、輪播圖、Lottie 動畫、音視頻播放等富交互內容的動態生成，滿足營銷、資訊、教育等場景的多媒體呈現需求。
• 企業級跨平台 Agent 應用：面向需要同時在 iOS、Android、HarmonyOS 部署且對性能、視覺一致性和交互流暢度要求高的 B 端智能體產品，大幅降低多端適配成本。