Open Intelligent UI

Open Intelligent UI 是 GPT-6 Intelligent UI 的开源版本，由 CopilotKit 推出。它将AI生成交互式界面的能力从ChatGPT剥离，开发者可以集成到自己的应用内。视觉风格、组件、业务数据、交互动作都可替换为项目自身业务逻辑。

智能代理会根据用户任务，自主决定输出形式：纯文本回复、原生组件，或是实时生成自定义交互界面。简单表格采用A2UI渲染，复杂可视化场景调用generateSandboxedUi，流式产出HTML/CSS/JS，并在隔离iframe中执行，保障安全。界面内的每一次用户操作，都会作为新对话轮次回传给AI代理。

核心能力与演示场景

项目主打“可交互的回答”，不再局限文本输出，支持多种可视化场景：

1. 3D场景探索：可加载带俯仰、滚转、偏航标记的飞机3D模型，支持角度调节、动画演示与视图重置。
2. 图表对比：以表格展示多组对比数据，一键生成可视化图表，代理自动选择合适渲染方案。
3. 交互式工具生成：按需生成计算器、规划器，例如账单分摊工具，修改输入数值可实时更新计算结果。
4. 地图行程演示：加载USGS地图瓦片，带编号图钉、目的地照片，支持行程播放、暂停、站点跳转，连接线用于示意行程。

环境要求与快速上手

前置依赖

Node.js 22+、pnpm 9+、Python 3.12+、uv

git clone [https://github.com/CopilotKit/OpenIntelligentUI.git](https://github.com/CopilotKit/OpenIntelligentUI.git)
cd OpenIntelligentUI
make setup
# 可选：配置环境变量，填入 OPENAI_API_KEY 和 TYPESAFE_API_KEY
make dev

默认使用chat-latest模型，可视化路由由Jev（jev-latest）负责，需要对应API密钥。

API密钥安全机制

支持两种密钥配置方式：服务端预置共享密钥，或由访问者自行填入OpenAI与Jev密钥。

• 密钥仅保存在浏览器内存，页面刷新即清除，不会写入浏览器本地存储；
• 密钥不会存入聊天记录、检查点文件；
• 请求经由应用服务器转发至服务商，禁用托管LangSmith追踪；
• 密钥保存/清空操作会新建聊天会话，密钥在当前会话内保持生效。

底层工作原理

Python Deep Agent 依靠任务优先系统提示与专用技能处理用户请求，由CopilotKit把代理数据流传递至Next.js前端。

• 简单结构化任务：使用原生组件渲染；
• 复杂自定义界面：generateSandboxedUi流式推送前端代码，在隔离iframe沙盒运行；
• 沙盒内用户交互，通过经过校验的主机桥回传数据，触发新一轮代理推理；
• 界面渲染参数存在固定顺序：initialHeight → placeholderMessages → css → html → jsFunctions → jsExpressions。

项目目录结构

• apps/app/：Next.js + CopilotKit 前端应用
• apps/agent/：Python Deep Agent + FastAPI 后端代理服务
• apps/mcp/：可选独立MCP服务器
• packages/design-system/：共享设计系统、SVG、表单样式

开发与MCP扩展

提供多组开发脚本，可单独启动前端、代理、MCP服务，配套JS与Python单元测试、代码检查、打包构建命令。

项目附带可选独立MCP服务器，对外暴露技能、提示模板与文档组装能力，可输出HTML文本，由宿主程序渲染，和Web应用自带流式沙盒iframe属于两套独立实现，支持HTTP、stdio、Docker多种部署方式。