Skip to content

如何使用 A2UI？

选择与你的角色和用例匹配的集成路径。

三条路径

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

将 A2UI 渲染集成到你现有的应用中，或构建一个新的智能体驱动的前端。

选择渲染器：

  • Web： Lit、Angular
  • 移动端/桌面端： Flutter GenUI SDK
  • React： 2026 年 Q1 推出

快速设置：

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

npm install @a2ui/angular

连接到智能体消息（SSE、WebSockets 或 A2A）并自定义样式以匹配你的品牌。

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

路径 2：构建智能体（后端）

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

选择你的框架：

  • Python： Google ADK、LangChain、自定义
  • Node.js： A2A SDK、Vercel AI SDK、自定义

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

下一步： 智能体开发指南

路径 3：使用现有框架

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

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