ChatGPT 学会了画界面，CopilotKit 连夜把锅端出来了
CopilotKit 发布开源的 Open Intelligent UI，对标 ChatGPT 里闭源的 Intelligent UI：通过 AG-UI 接任意 agent 和模型，把图表、地图和可交互界面搬进自己的产品。
01
周末不卷，随便写点。
这周 ChatGPT 上了一个新东西，叫 Intelligent UI。
你问它问题，它不光回你一段字。
它会给你画图表，画地图，甩出一个能直接点的小工具。
甚至按你的问题，现场生成一块界面。
很多人第一反应是：好酷。
我第一反应是：那我自己的产品怎么办？
你想想看。
用户在 ChatGPT 里问一句“帮我排个三天行程”，出来的是一张能拖能点的地图。
转头打开你家的 App，问同样的问题，出来的是三屏密密麻麻的字。
用户会怎么想？
不会觉得你家模型笨。
只会觉得你家产品土。
然后问题来了。
OpenAI 这个东西，你能拿来用吗？
不能。
闭源。
只能用 OpenAI 的模型。
只在 ChatGPT 里面。
没有 API。
翻译成人话就是：好东西我有，你看得见，摸不着。
结果同一周，10 月 9 日，CopilotKit 发了一个叫 Open Intelligent UI 的东西。
定位非常直白：ChatGPT Intelligent UI 的开源替代。
人家刚把菜端上桌，隔壁就把菜谱贴到了墙上。
冒昧了，这速度有点不讲武德。
02
先说清楚，这两个东西到底差在哪。
OpenAI 那个版本，四个限制叠在一起。
闭源，只能用自家模型，只活在 ChatGPT 里，不给 API。
这四条，每一条单拿出来都不算罪过。
但叠在一起，意思就很明白了。
这个能力，是 ChatGPT 的卖点，不是给开发者的工具。
为什么？
这里是我的推断：一个只在自家 App 里能用的好体验，最大的作用就是把用户留在自家 App 里。
你在 ChatGPT 里看到的漂亮地图，越漂亮，你越不想去别的地方问。
这不叫技术选择，这叫门店装修。
CopilotKit 的路子正好反过来。
CopilotKit 官方博客称，开源版通过 AG-UI 接入，可以接任意 agent，任意模型。
还能用你自己的组件。
AG-UI 你可以粗暴理解成一个“插座标准”。
agent 在一头，界面在另一头，中间按同一套规矩说话。
只要你的 agent 支持 AG-UI，就能插上来。
官方点名的就有 Mastra、Google ADK、MS Agent Framework 这些。
这意味着什么？
意味着你不用为了要一块好看的界面，把自己后端那套 agent 推倒重来。
你原来用什么，大概率还能接着用。
前提是它说 AG-UI 这门话。
一个是“想要这个体验，请来我店里”。
一个是“图纸给你，回你自己店里装”。
对做产品的人来说，选哪个，不难。
03
那这个开源版，到底能干点啥？
我把 CopilotKit 官方博客列的能力挨个过一遍。
第一，算法逐步可视化。
你问冒泡排序怎么跑，它不是给你贴一段解释，而是一步一步把过程画出来。
第二，Three.js 3D。
能在答案里直接出三维的东西。
第三，计算器、游戏、仿真。
答案本身可以是一个能玩、能算、能调参数的小玩意儿。
第四，地图行程。
问路线、问行程，出来的是地图，不是一串地名。
第五，按答案内容选展示格式。
这一条我觉得最值钱。
同一个助手，你问数据，它给图表；你问路线，它给地图；你问原理，它给动画。
不是每个问题都硬塞一个表格。
第六，流式生成 UI。
界面不是憋半天一次性吐出来，而是边生成边出现。
第七，隔离 iframe 加白名单 CDN。
这个后面单独说，很重要。
第八，导出独立 HTML。
生成出来的东西，可以单独存成一个网页带走。
流式和导出这两条，看着不起眼，其实都是在算用户的耐心和用途。
下面是我的理解。
流式，是不让用户对着空白屏幕干等。
等待这件事，每多一秒，用户心里的分就扣一点。
导出独立 HTML，是让生成的东西能离开对话框。
你在对话里做出一个小计算器，存成网页，就能发给同事，放进文档，不用对方也装一个助手。
一个管“现在好不好用”，一个管“之后还能不能用”。
八条摆在一起，你会发现一件事。
它卖的根本不是“AI 会画图”。
它卖的是“AI 会挑用什么样子回答你”。
画图谁都会，难的是什么时候该画、画成什么样。
04
说到这，得请出一句话。
Andrew Chen 有句话说得很准：最难的不是生成 UI，是看起来像属于产品。
这句话戳的就是所有“AI 生成界面”的命门。
模型能画按钮吗？
能。
能画表格吗？
能。
但它画出来的按钮，是你家设计规范里的那个按钮吗？
字体对吗？
颜色对吗？
圆角是你们设计师吵了三周才定下来的那个弧度吗？
大概率不是。
于是用户就会看到一个很奇怪的画面。
你的 App 是一个风格，AI 答案里突然冒出一块另一个风格的东西。
像是精装修的客厅里，有人自己钉了一个塑料鞋柜。
能用，但一眼就知道是外来的。
这也是为什么“能用你自己的组件”这一条，分量不轻。
你自己的组件，本来就长着你产品的脸。
AI 负责挑用哪一个，怎么组合，填什么数据。
长相，还是你家的。
反过来想，如果只能用模型自己现画的界面，会怎样？
每一次回答，长得都可能不太一样。
今天的图表是蓝色的，明天是绿色的。
用户不会觉得这叫“智能”。
只会觉得这产品不太稳。
这里也是我的理解：在这类方案里，模型负责决策，组件负责体面，分工越清楚，界面越像“属于产品”。
讲道理，这才是企业真正愿意买单的地方。
没有哪个老板会为“AI 生成了一个很丑但能用的图表”鼓掌。
老板只会问：这玩意儿怎么跟我们官网长得不一样？
05
再说安全，这块不能糊弄。
AI 现场生成界面，本质上是什么？
是模型现场写了一段代码，然后在你的页面上跑起来。
做过风控的人听到这句话，后背会凉一下。
谁写的代码？
模型写的。
谁审过？
没人，它是现场生成的。
在哪跑？
在你用户的屏幕上。
这三个问题连起来，就是一个经典的风险敞口。
CopilotKit 给的做法是两层：隔离 iframe，加白名单 CDN。
我按我的理解翻译一下，这部分是推断，具体实现以仓库为准。
隔离 iframe，就是把生成出来的界面关在一个单独的小房间里跑。
它在房间里怎么折腾都行，但不该随手摸到你主页面上的东西。
白名单 CDN，就是这个小房间只能从你点过头的几个地方拉外部脚本。
名单外的，一律不认。
一个管“它能碰什么”，一个管“它能拉什么”。
这就像你请了个临时工来家里干活。
不让他进卧室，只让他在指定的那间屋里。
他要用的工具，也只能从你指定的那几家店买。
活照干，家不会被搬空。
当然，开源版给了你这套做法，不等于你就高枕无忧了。
白名单写哪些，是你自己的事。
名单开得太宽，等于没开。
06
那普通开发者怎么上手？
CopilotKit 官方给的启动方式就两步，一行写完：
make setup && make dev
敲完，样子就出来了。
底层是什么？
CopilotKit 官方博客称，它基于 Open Generative UI 和 LangChain Deep Agents。
答案用 OpenAI 写。
展示格式用 TypeSafe Jev 来选。
也支持 A2UI。
注意这里有个很有意思的细节。
这个“ChatGPT 的开源替代”，演示里答案正是用 OpenAI 写的。
听起来有点绕，其实一点都不矛盾。
它反对的从来不是 OpenAI 的模型。
它反对的是“这个体验只能在 ChatGPT 里”。
模型你可以照用，agent 你可以换成 Mastra、Google ADK 或者别的支持 AG-UI 的框架。
界面，永远在你自己的产品里。
那这东西对谁最有用？
这里是我的推断。
一类是已经有自己 agent、但答案还停留在“一大坨字”的团队。
一类是被产品经理拿着 ChatGPT 截图追问“我们能不能也这样”的工程师。
以前，你只能回一句：那是人家 ChatGPT 的，我们没有。
现在你至少可以说：我先跑个 make dev 看看。
至于能不能做到“看起来像属于产品”，那就看你家组件库争不争气了。
07
最后说说这场戏本身。
一边是闭源，只在自家 App 里，体验做到极致，然后把门关上。
一边是开源，接任意 agent、任意模型，把图纸摊在桌上。
前者赚的是用户留在 ChatGPT 的时间。
后者想要的，按我的推断，是成为各家产品里那块“AI 界面层”的默认选项。
谁的算盘更响，现在说还太早。
但对我们这些做产品、用产品的人来说，结果都不坏。
大厂把体验标准拉高了。
开源把门槛拉低了。
用户在 ChatGPT 里见过好的，就不会再忍你那三屏字。
开发者手里有了开源的路子，也就没理由继续让用户忍。
他们卷体验，我们收界面。
只能说，我爱这个魔幻的世界。
来源：CopilotKit 官方博客：Introducing Open Intelligent UI（2026-10-09）；GitHub：CopilotKit/OpenIntelligentUI。产品事实只取自以上两处；文中标注「我的推断」「我的理解」之处为作者观点。