Open Intelligent UI:把 ChatGPT 那种「答案直接变地图和图表」的体验开源了
这个项目能干嘛
Open Intelligent UI 是 ChatGPT 那个「Intelligent UI」体验的开源复刻版,底层基于 OpenUI 这个生成式 UI 开放标准。它解决的是一件很具体也很爽的事:当你问「帮我规划旧金山一日游」时,答案不是一段文字,而是一张可交互的地图、几张照片、一个能改的行程单。也就是说,模型一边想一边「画」界面,而不是干巴巴地吐 Markdown。项目方明确说它和 OpenAI 没关系、也没获授权,只是复刻那个交互范式,让任何人都能在自己的应用里搭、改、发同样的体验。
为什么最近火了
ChatGPT 的 Intelligent UI 一出来就被很多人说「这才是 AI 该有的回答方式」——答案不再是文字,而是能用的东西。但它是闭源的,别人只能用不能学。这个仓库把整套管路开源了:模型流式输出一种叫 OpenUI Lang 1.0 的描述语言,前端再用一套原语把它渲染出来。对想做 AI 产品的开发者来说,这等于拿到了「答案即界面」的参考资料和实现,不用自己从零琢磨流式 UI 怎么拼。一周出头就涨到近 400 星。
技术亮点
它提供了一整套原语库,模型自己决定怎么排,组件本身不写死布局。布局类有 Col、Row、Box(背景、圆角、边框、尺寸、flex)、Grid、Card、Carousel、Popover、Divider;文字类有 Title、Text(行内加粗、斜体、代码、链接)、Caption、Badge、List;输入类有 Button、Input、TextArea;还有绘图、照片墙这类「生成式」件。最妙的是模型流式吐 OpenUI Lang,前端实时渲染,你看到界面是一块块长出来的,而不是等全部生成完才跳出来。项目还带了一个 /gallery 和一个基准 /preview,方便你对比效果。
适合什么人
我觉得它最对两类人胃口。一是做 AI 聊天/助手产品的工程师,想把「纯文本回答」升级成「带地图、带图表、能交互」的富回答;二是全栈和产品设计师,想研究生成式 UI 到底该怎么设计组件库才不让模型乱排。它不适合只想调个 API 拿文本的人,它要的是你愿意在前端接一套流式渲染管线。
快速试用
直接克隆就能看:git clone https://github.com/thesysdev/open-intelligent-ui,项目首页 openui.com/demo/intelligent-ui 有在线 demo,可以拿「规划一天行程」这类请求对比 ChatGPT 和它各自的呈现。代码里 src/lib/library.ts 就是那套原语库,想改风格从这儿入手。
与竞品对比
和 Vercel AI SDK 的 generative UI、ChatSDK 比,Open Intelligent UI 胜在「完整复刻了 ChatGPT 那个具体交互」并且开源可改;和纯组件库比,它多了一层「模型流式输出 → 原语渲染」的协议(OpenUI Lang)。简单说:别人给你做好的富回答黑盒,它把黑盒拆开、把协议和原语都交给你,你想做成自己的 Intelligent UI 就照着装。