AI大模型应用实践 / wechat· AI大模型应用实践·发布时间：
图文AI 智能体时代，前端怎么变？读懂 AG-UI、A2UI 与 MCP Apps 的分工与协同（上）
Agent 时代，前端怎么变？读懂 AG-UI、A2UI 与 MCP Apps 的分工与协同（上）
内容导读
作者用订单退款确认案例区分三种 AI 智能体前端标准：AG-UI 负责传递回复、进度和状态，界面仍由前端设计。A2UI 让智能体描述所需控件和数据，再由前端动态绘制表单、卡片，前提是有匹配的组件目录与渲染器。MCP Apps 让外部工具附带可复用的 HTML 交互界面，但宿主必须支持该扩展。三者可单独采用或组合使用，具体协同方法留待下篇展开。
继续看关键要点
- A2UI 的组件目录也是能力边界：智能体只能请求使用预先注册的白名单组件，不能注入任意脚本或超出范围的元素。
- A2UI 描述跨端复用需要双方支持相同的组件版本与目录，且不保证像素级一致；复用描述不等于各端外观完全相同。
- MCP Apps 的页面在 iframe 中隔离运行，点击确认等操作通过 AppBridge 交给 MCP Client，再由客户端调用服务端工具。
来源：AI大模型应用实践 / wechat · mp.weixin.qq.com