AG-UI 协议(Agent-UI 通信)
别名:AG-UIAgent 前端协议Agent UI事件流协议UI 同步
| 分类 | 🔗 技术协议 |
| 阅读时间 | ⏱️ 14 分钟 |
| 更新时间 | 📅 2026-07-16 |
| 条目编号 | ENC-PROTOCOL-10-ag-ui |
AG-UI 是连接 Agent 后端与前端的事件流协议,定义了 Agent 思考、工具调用、状态变更如何实时同步到用户界面。它让前端无需关心 Agent 内部实现,即可渲染「正在思考、调用工具、生成中」等动态状态。
关键要点 ✦
- AG-UI 解决「Agent 状态如何实时呈现到 UI」的问题
- 以标准化事件(thinking/tool_call/state_delta)驱动前端渲染
- 前后端解耦,前端可替换而无需改 Agent 逻辑
- 常与 SSE / Streamable HTTP 配合传输事件流
- 是构建「可观测、可交互」Agent 应用的关键层
为什么需要 AG-UI
Agent 的运行是长时、多步、有中间态的:它可能在思考、调用工具、修改草稿。传统「请求-响应」接口无法呈现这种过程。AG-UI 定义了一组语义化事件:RUN_STARTED、TEXT_MESSAGE_CONTENT(增量文本)、TOOL_CALL_START/END、STATE_DELTA 等,前端据此逐步更新界面。
与传输层关系
AG-UI 是应用层事件协议,传输可建于 SSE、Streamable HTTP 或 WebSocket 之上。它只约定「事件长什么样」,不绑定具体传输,因此可与现有 Web 技术栈无缝集成。相较而言,MCP 解决「Agent↔工具」,AG-UI 解决「Agent↔界面」。
带来的体验升级
有了 AG-UI,前端可原生展示:实时打字效果、工具调用卡片、可中断的进度条、可编辑的中间状态。这把 Agent 从「黑盒按钮」变成「透明协作伙伴」,显著提升用户信任与可控感。
🎯 应用场景
Agent 对话产品
实时展示思考、工具调用与生成过程。
可视化工作流编辑器
把 Agent 步骤映射为可拖拽的节点状态。
企业后台
在 ERP/CRM 界面内嵌 Agent 进度与干预入口。
✅ 最佳实践
- 前后端约定统一的事件 schema,避免私有协议碎片化
- 对长任务提供可中断/可恢复的状态同步
- 前端对敏感工具调用给出明确的人工会签提示
- 复用 SSE/HTTP 生态,降低接入门槛
🔮 未来展望
AG-UI 有望成为 Agent 应用层的「HTTP 之于 Web」——标准化事件协议推动前端组件市场(聊天框、工具卡片、进度条)繁荣,使 Agent 应用的 UI 开发从定制走向模块化复用。
📖 相关条目
🛠️ 相关产品
🏷️ 标签AG-UIAgent UI前端协议事件流实时同步协议