Intelligent UI 是什么?
OpenAI 在 2026 年 10 月 7 日介绍了 ChatGPT 的 Intelligent UI 能力。它可以根据问题,将文字、视觉内容与图表、按钮、表单等交互元素组合成回答。
Intelligent UI 与 Generative UI 有什么关系?
Generative UI 指 AI 根据用户情境生成或组合界面的技术方向。本页的 Intelligent UI 指 OpenAI 为 ChatGPT 这项具体能力使用的名称。
我们将 ChatGPT Intelligent UI 收录为 Generative UI 产品案例。下方相关产品和框架展示不同实现方式,各自的能力与适用范围有所不同。
Intelligent UI 的实际示例
以下示例来自 OpenAI 官方公告,展示回答如何变成可以直接操作的体验。
交互式解释
通过交互图解探索概念,或调整输入观察变化,在阅读解释之外动手理解。
针对具体任务的工具
请求生成分账工具、储蓄计算器或小游戏,直接在对话中使用。
可视化规划
在地图上查看公路旅行路线,或将烹饪时间表与食谱放在一起,让信息围绕当前任务组织。
ChatGPT 与相关 Generative UI 案例
从 ChatGPT Intelligent UI 开始,继续探索其他生成或呈现交互界面的产品。
ChatGPT Intelligent UI:可交互的回答
OpenAI 于 2026 年 10 月 7 日在 ChatGPT 中推出 Intelligent UI。GPT-6 根据问题选择布局,将文字、视觉内容与交互组件组合成回答。官方展示包括学习图解、旅行规划、账单分摊、储蓄计算器和游戏。
Copilot in SharePoint:生成连接数据的仪表板
Microsoft 的 2026 年 8 月 SharePoint 更新介绍了 Copilot 如何根据自然语言请求生成交互式 HTML 仪表板。生成的视图保持与 SharePoint 列表的连接,并在打开时刷新;也可以使用 Excel 和 CSV 数据。官方示例涵盖项目健康状况、库存、招聘和审批流程。
Google Gemini 3 - 动态视图与可视化布局
Google 已在 Gemini 3 中实装 Generative UI 功能(内部称"动态视图"和"可视化布局"实验)。根据 Google 官方博客,Gemini 3 AI 模式可"生成沉浸式视觉布局和交互式工具与模拟",完全根据用户查询即时生成界面。动态视图可让 Gemini 3 为每个提示"设计并编码一个完全定制的交互式响应",可视化布局则生成"杂志风格"的沉浸式多媒体界面。
Claude Artifacts:可分享的 AI 应用
Anthropic 2025 年 7 月的 Claude Artifacts 更新,把 artifact 面板推进成轻量应用表面。Claude 可以生成会通过 API 调用 Claude 的 artifact,进行托管并分享给其他人使用,使用者通过自己的 Claude 账号鉴权。这个案例有价值,因为生成出的 UI 不再只是聊天旁边的一次性预览,而是持久、可编辑、可分享的软件对象。
构建 Generative UI 的开发资源
通过这些独立开发资源了解结构化 UI 输出、组件渲染和流式界面,为自己的应用寻找可参考的实现方法。
OpenAI Structured Outputs 示例:Generative UI
OpenAI 官方示例应用,展示了用结构化输出实现 Generative UI 的一条务实路径。该 demo 使用递归组件 schema 与 `generate_ui` 工具,让模型在多轮对话和自动工具执行过程中,能够稳定流式返回 UI 定义,而不只是文本。
vercel-labs/json-render
Vercel Labs 官方开源的 Generative UI 框架。json-render 让模型基于提示生成界面,同时被限制在开发者定义的组件目录内,并把生成出的 spec 逐步渲染到 Web、移动端等不同运行时。
assistant-ui:基于组件目录的 Generative UI
@assistant-ui/react-generative-ui 的官方实现指南,让模型通过 present 工具生成 JSON 界面树,再由开源运行时渲染。文档涵盖已注册的 React 组件、Zod 属性 schema、按需流式渲染、交互处理,以及 Slack、Teams 与 A2UI 适配。
常见问题
怎样体验 Intelligent UI?
在支持这项能力的 ChatGPT 中描述你希望探索的任务,例如交互图解或计算器。回答形式取决于问题,具体开放情况请查看 OpenAI 官方公告。
这些框架是 ChatGPT Intelligent UI 的 SDK 吗?
官方公告介绍的是 ChatGPT 的产品能力。本页列出的框架是独立的 Generative UI 开发工具,收录它们不代表可以调用 ChatGPT 内部的组件库。
它与传统界面有什么区别?
传统界面通常提供预先定义的页面和控件。生成式界面可以围绕当前请求组合视图,同时仍遵循开发者设定的组件与交互规则。