Skip to content

如何使用 A2UI？

选择适合您的角色和用例的集成路径。

三条路径

路径 1：构建宿主应用程序（前端）

将 A2UI 渲染集成到现有应用中或构建全新的 AI Agent 驱动的前端。

选择渲染器：

  • Web: Lit, Angular
  • 移动端/桌面端: Flutter GenUI SDK
  • React: 预计 2026 年第一季度推出

快速设置：

如果我们使用的是 Angular 应用，可以添加 Angular 渲染器：

npm install @a2ui/angular

连接到 Agent 消息（SSE、WebSockets 或 A2A），并自定义样式以匹配您的品牌。

下一步： 客户端设置指南 | 主题化

路径 2：构建 Agent（后端）

创建一个能够为任何兼容客户端生成 A2UI 响应的 Agent。

选择您的框架：

  • Python: Google ADK, LangChain, 自定义
  • Node.js: A2A SDK, Vercel AI SDK, 自定义

在您的 LLM 提示词中包含 A2UI schema，生成 JSONL 消息，并通过 SSE、WebSockets 或 A2A 流式传输给客户端。

下一步： Agent 开发指南

路径 3：使用现有框架

通过内置支持的框架使用 A2UI：

下一步： Agent UI 生态系统 | A2UI 在哪里使用？