正在加载模式…
生成式 UI（由智能体渲染的界面）(GenUI)
智能体在运行时自行生成、选择并控制界面本身，返回丰富的交互式组件（表单、图表、仪表板、地图、多步骤小部件）而非纯文本，并根据内容类型和用户意图来决定如何呈现结果。模型的一次工具调用会产出 UI，由宿主在沙箱化的框架中渲染，例如 MCP Apps 通过 `ui://` 资源提供打包好的 HTML，或诸如 Google A2UI 和 Open-JSON-UI 这类可移植规范，由客户端原生绘制。随着 MCP Apps 在 Claude、ChatGPT、VS Code 和 Goose 中发布，并与 A2UI 及 CopilotKit/assistant-ui 的生成式 UI 一同推出，这一方式于 2026 年从实验阶段迈入生产环境。它与 `ag-ui-protocol` 不同，后者将智能体的事件流式传输到预先构建好的前端；也与 `adaptive-interface-patterns` 不同，后者对既有界面进行个性化；而在这里，智能体亲自将界面实体化，在响应时选择并构建各个组件。
30秒速览
- 是什么
- 智能体以工具输出的形式生成并返回可交互的 UI 组件（表单、图表、表格、地图），由宿主在沙箱框架中渲染。
- 何时使用
- 结果适合以可视化方式呈现、用户需要与数据交互，或最佳呈现格式取决于意图和内容类型时。
- 注意
- 渲染失败、网络延迟和浏览器兼容性问题会与智能体自身的错误叠加；上线前请充分测试 UI 生成路径。
向AI专家咨询此模式
打开助手并预填您的问题,发送前可先确认。
生成式 UI（由智能体渲染的界面）: 概览
智能体在运行时自行生成、选择并控制界面本身，返回丰富的交互式组件（表单、图表、仪表板、地图、多步骤小部件）而非纯文本，并根据内容类型和用户意图来决定如何呈现结果。模型的一次工具调用会产出 UI，由宿主在沙箱化的框架中渲染，例如 MCP Apps 通过 `ui://` 资源提供打包好的 HTML，或诸如 Google A2UI 和 Open-JSON-UI 这类可移植规范，由客户端原生绘制。随着 MCP Apps 在 Claude、ChatGPT、VS Code 和 Goose 中发布，并与 A2UI 及 CopilotKit/assistant-ui 的生成式 UI 一同推出，这一方式于 2026 年从实验阶段迈入生产环境。它与 `ag-ui-protocol` 不同，后者将智能体的事件流式传输到预先构建好的前端；也与 `adaptive-interface-patterns` 不同，后者对既有界面进行个性化；而在这里，智能体亲自将界面实体化，在响应时选择并构建各个组件。
- Agent picks the presentation: a chart for a trend, a form for an action, a table for a comparison
- Tool calls return UI components, not just text, which the host renders inline
- Sandboxed rendering: MCP Apps serve bundled HTML via `ui://` resources in an isolated iframe
- Portable UI specs (Google A2UI, Open-JSON-UI) painted natively by the client, host-agnostic
- Bidirectional: rendered widgets post user actions back into the agent loop as tool results
- Content-and-intent routing decides layout, density, and modality per response
获取 Agent UX 实战指南
21 个智能体 UX 模式浓缩成一份指南：每个模式是什么、何时使用、在生产中会踩什么坑。链接随确认邮件送达，并附每周的 The Agent Architect。
每周一封邮件,一键退订。您的地址仅用于发送简报。
参考资料
该模式所依据的论文、规范和代码仓库。
由本目录背后的工程师执行
为你的智能体架构做一次评审
本页讲的是一个模式。真实系统会同时跑几十个，而多数故障恰恰出在它们的衔接处。我们按本目录的 288 个模式评审你的整体设计：架构、可靠性、评测与成本，每一条结论都对应到能修复它的模式。
€750（原价 €1,500），一周交付，书面报告加讲解通话，9月30日前