跳到正文
IFAI

开源项目

Open Intelligent UI 开源:把 ChatGPT 动态界面搬进自研应用

首次发布 传播指数 48

CopilotKit 开源 Open Intelligent UI,把类似 ChatGPT 的动态界面生成能力带入自研应用。Agent 可按需调用现有组件,或在隔离沙盒中流式生成交互图表与工具。最值得关注的是它支持接入任意模型和 AG-UI 协议,不用被 OpenAI 生态绑定。

图:youtube.com

Open Intelligent UI 是一个开源的生成式界面框架,能把类似 ChatGPT Intelligent UI 的动态交互界面生成能力,直接搬进你自己的应用里。

OpenAI 最近在 ChatGPT 里上线了能动态生成图表、地图和实用小工具的能力,但整套体系完全封闭,没有对外开放 API。CopilotKit 推出的这个开源项目,就是让开发者用自己的组件库和设计规范,在自研产品里实现一模一样的体验。

它是怎么跑起来的

项目内置了两种界面生成逻辑,覆盖了从严格受控到完全自由的区间。

面对简单表格或标准数据时,它会遵循 Google 的 A2UI 规范,直接调用你产品原本封装好的原生前端组件,保证字体、色彩和视觉风格完全贴合自研系统。

遇到复杂任务或定制工具时,系统会调用 generateSandboxedUi,按顺序流式输出 HTML、CSS 和 JavaScript。这些代码会在一个完全隔离的 iframe 沙盒中实时渲染,边生成边展示。

生成的界面不仅好看,还能真正交互。用户在生成的计算器或图表里点击操作,每次交互都会打包成新一轮上下文,重新回传给 Agent。如果你需要离线使用,生成的界面还能一键导出为独立的本地 HTML 文件。

解绑模型与全套开源协议

这套工具底层基于 CopilotKit 的 Open Generative UI,后端 Agent 默认运行在 LangChain Deep Agents 上。模型分工很明确:由 OpenAI 负责撰写内容,TypeSafe 的 Jev 负责判断采用纯文本、原生组件还是自编界面。

它最实用的地方在于协议解耦。项目全面接入了开源的 AG-UI 交互协议,也支持 MCP Apps。这意味着你不需要重写前端,就能把后端的 LangChain 替换成 Mastra、Google ADK 或微软的 Agent Framework。

项目代码目前已经在 GitHub 完全开源。本地部署非常简单,克隆仓库后执行 make setup 和 make dev 即可启动。运行需要准备 OpenAI 和 TypeSafe 的 API 密钥,在打开界面的顶部输入框填入就能开始测试。

为什么重要

我们认为这个项目的价值,在于把头部大厂刚做出来的交互形态快速拉回了开源世界。

正如 OpenAI 设计团队的 Andrew Chen 所说,生成式 UI 最难的不是生成界面,而是让它看起来像自己产品的一部分。如果你的团队正在构建垂直领域的 Agent 应用,又不想让用户对着千篇一律的纯文本气泡发呆,这个项目非常值得立刻拉下来跑一跑。

它的聪明之处在于把原生组件映射和沙盒自由生成结合了起来,既保住了品牌设计一致性,又留出了自由度。不过需要提醒的是,流式生成复杂界面的稳定性完全取决于底层模型的编程水平,在复杂业务场景下,最好还是优先限制在官方组件模式内运行。

来源 (1)

  1. [1]

每日 AI 内容精选