https://x.com/rabi_guha/status/2110737805823672518讲讲这个
直接给结论:这是 Thesys 联创 Rabi Shanker Guha 刚刚发布的 OpenUI 1.0(GitHub: thesysdev/openui,目前 1.1 万 Star、700 万下载)。它的定位是“生成式 UI(Generative UI)的开源标准”,核心目标是把 ChatGPT 刚上线的那种 Intelligent UI(模型不吐纯文本,而是直接流式生成可交互的图表、表单、看板和完整应用界面)变成所有 Agent 和全栈框架都能直接接入的通用基建。 背后最值得关注的 4 个机制设计和商业取舍: 1. 抛弃 JSON,自研流式 UI 专用语言 OpenUI Lang,砍掉近 60% Token 和 2/3 延迟 目前主流 Generative UI 方案(如 Vercel 的 json-render、Google 的 A2UI、CopilotKit)底层都是让大模型吐 JSON。但 JSON 有两个致命伤:一是大量花括号、引号和重复键名极其浪费输出 Token;二是必须等括号闭合才能安全解析,流式体验差。 OpenUI 自己定义了一套按行赋值的 DSL(OpenUI Lang): 第一,按位置传参:开发者先用 Zod 定义组件库 Schema 并生成 System Prompt,模型输出时直接按 Schema 属性顺序写位置参数(例如一行写 `root = Stack([header chart] "row")`),省掉所有属性名。 第二,自顶向下流式渲染(Forward Reference):允许先写顶层布局引用子组件变量,后面再逐行吐子组件和数据,前端收到一行就能渲染一行。 实测在 46 个 UI 场景下,OpenUI Lang 比 Vercel json-render 省了 58% 的 Token(最高省 67%),比 Google A2UI 省 52%,在 60 tok/s 下首屏完整生成时间从 14.2 秒直接压到了 4.9 秒。 2. 从“静态卡片展示”进化为“带响应式状态和读写闭环的微型前端”(v0.5 规范) 以前很多 Generative UI 只是把 Markdown 换成好看点的静态 React 卡片,点一下还得发消息回传给大模型重新跑一轮。 OpenUI 1.0 搭载的 OpenUI Lang v0.5 直接在生成语言里塞进了前端运行时原语: 第一,响应式状态(`$variables`):模型可以直接声明 `$days = "7"` 并双向绑定到下拉框,用户切换选项时前端本地直接重算,不需要再调 LLM。 第二,内置计算与数组提取:自带 `@Filter`、`@Sort`、`@Sum`、`@Count` 等函数,以及列提取语法(`data.rows.title`),让模型只给原始数据接口,过滤排序全在客户端完成。 第三,原生数据读写(`Query` / `Mutation` / `Action`):组件可以直接绑定后端 Tool 做定时拉取(Query),或者点击按钮按顺序触发写操作、刷新列表、重置表单(`Action([@Run(mutation) @Run(query) @Reset($title)])`),等于让 Agent 现场即时组装出一个完整的 CRUD 小应用。 3. 生产级护栏:用流式 Autofix 解决“7% 静默渲染失败”的痛点 这是它最核心的工程洞察和商业化抓手。Thesys 统计生产流量发现,哪怕 HTTP 请求返回 200,大模型生成的 UI 代码依然有约 7% 会静默失败(44% 漏写合法根节点、36% 引用图断裂、16% 类型或枚举越界、4% 截断),导致用户看到白屏或残缺界面。 为此他们在 1.0 推出了 OpenUI Gateway 和 `@openuidev/server` 的 Autofix 机制:在流式输出通道里实时拿你的组件 Schema 做本地校验,一旦发现语法或引用错误,在代码块闭合推送给前端之前,实时调用一个专门微调过的低延迟小模型把损坏的 AST 修好,把生产渲染成功率拉到 99% 以上。 4. 生态卡位与商业模式:做 Generative UI 界的“Next.js + Vercel” 在接入层上,它完全放弃了框架绑定:前端同时提供 React、Vue 3、Svelte 5、Angular 甚至免构建 script 标签和 React Email 渲染器,设计系统兼容 shadcn/ui、AntD、MUI;Agent 侧直接提供 LangChain/LangGraph、Vercel AI SDK、assistant-ui 和 Google A2UI 协议的适配器,甚至还给 Claude Code、Cursor 等 ca 准备了现成的 Skill(`npx skills add thesysdev/skills --skill openui`)。 商业化逻辑非常清晰:靠完全开源、极省 Token 的 OpenUI Lang 把行业标准立住,抢占开发者的组件定义层;然后通过 OpenUI Gateway(自带 BYOK 零加价路由、流式 Autofix 修复、按调用量阶梯收费)和 Observability(监控线上 UI 渲染崩溃率)在生产环境收企业过路费。