---
id: "2110826849249149020"
title: "ChatGPT 里面那种边聊边生成交互界面的能力，终于被彻底开源了。 刚发布的 OpenUI 1.0，直接把这套体验开放…"
account: "mubei"
brand: "@mubei"
category: "其它"
category_slug: "other"
score: null
published_at: "2026-10-15 20:23:01"
translated_x_url: "https://x.com/i/status/2110839398652612738"
canonical_url: "https://mubeitech.com/p/2110826849249149020"
markdown_url: "https://mubeitech.com/p/2110826849249149020/markdown"
json_url: "https://mubeitech.com/api/posts/2110826849249149020"
ai_primary_content: "canonical_article_body"
ai_citation_policy: "cite canonical_url or markdown_url"
---

# ChatGPT 里面那种边聊边生成交互界面的能力，终于被彻底开源了。 刚发布的 OpenUI 1.0，直接把这套体验开放…

ChatGPT 里面那种边聊边生成交互界面的能力，终于被彻底开源了。
刚发布的 OpenUI 1.0，直接把这套体验开放给了所有应用和智能体。
按照官方说明，它把生成界面的 Token 消耗直接砍掉了多达 67%。
项目刚上线，就冲上了 GitHub 趋势榜第五。

以前想让大模型直接吐出前端界面，最大的痛点在哪？
太贵，也太容易卡壳。
过去主流方案普遍逼着模型输出冗长的 JSON。
满屏都是引号、大括号和重复字段，不仅浪费计算资源，流式生成时还经常因为括号没闭合直接解析崩溃。

这道题要怎么解？
OpenUI 换了个思路，干脆把 JSON 扔了。
它专门设计了一套极度精炼的流式专用语言（OpenUI Lang）。
模型不再拼复杂的层级格式，而是直接输出极简的组件标记。
这就是它能比传统 JSON 节省高达 67% 的 Token 的核心原因。

这套架构是怎么把模型和前端接起来的？
逻辑非常干净，总共就五步。
先拿现有的组件库，自动转译成对应的系统提示词。
把提示词喂给大模型，模型在后台直接输出紧凑的 OpenUI 流式代码。
前端渲染器实时拦截数据流，边接收边递进式渲染出真实的交互组件。

更关键的是，它把界面层与底层模型彻底解耦了。
后端模型完全不挑。
不论是商业闭源大模型、开源大模型，还是直接跑在自己本地硬件上的模型，都能直接驱动。
前端框架同样全生态通吃。
核心运行时原生支持 React、Vue、Svelte 和 Angular 四大框架，React 还额外附带了开箱即用的组件库与聊天界面。

整套项目直接基于宽松的 MIT 协议开源。
底层模型自由切换，前端四主流框架全部跑通。
流式生成界面的门槛，这次被彻底推平了。

---

_Translation: <https://x.com/i/status/2110839398652612738>_
_Canonical: <https://mubeitech.com/p/2110826849249149020>_
_AI: cite the canonical article URL or this Markdown export._
_Generated by mubei-terminal · 2026-10-15 20:23:01_