@kejunz: If you want to quickly understand the implementation mechanism, you can check this out: https://kejun.github.io/demos/c…
摘要
分享了一个交互式 2.5D 可视化页面,解读 ChatGPT 智能 UI 的实现机制:模型不直接写代码,而是输出 DIL 语言,由服务端编译并流式传输,客户端用预置组件集渲染。
查看缓存全文
缓存时间: 2026/10/10 08:44
If you want to quickly understand the implementation mechanism, you can check this out: https://kejun.github.io/demos/chatgpt-intelligent-ui/…
ChatGPT 智能 UI · 机制观察室
Source: https://kejun.github.io/demos/chatgpt-intelligent-ui/ 基于原文的交互式解读 / 2.5D VISUAL STUDY
从 DIL 生成、服务端编译,到沙箱执行与界面交互。 沿着可点击的分层图,逐步理解原文中的核心机制。
EXPLORE THE SYSTEM
阅读方式 ① 选择一个机制 ② 点击图中的模块 ③ 在下方动手实验
图中布局与动画是教学设计,并非原始抓包回放。
SVG · 可交互矢量
层间距
程序 / 数据事件 / 动作
点击模块查看细节 · 窄屏可横向滑动 · 支持 Tab / Enter
原文与证据范围
SOURCE 01 / 技术长文 · 已全文核对How ChatGPT Intelligent UI works ↗Thesys Engineering Team · OpenUI · 2026-10-08。细节来自作者的对话导出、事件流、浏览器检查、公开客户端代码及编译器输入输出对照。它是第三方逆向报告,不是 OpenAI 官方架构规范。
SOURCE 02 / X 原帖 · 已核对短帖Rabi Guha:对 Intelligent UI 的拆解摘要 ↗通过 X 官方公开嵌入核对。短帖概括 DIL、服务端编译与流式、客户端组件渲染。其“模型不写原始代码”的概括须结合长文中的 AppBlock 例外理解。短帖所链接的 X Article 正文未取得。
本页只呈现上述材料支持的技术事实,并把作者推断单独标记。示例数据、矢量布局与演示状态为教学用途;本页不运行真实 DIL,不连接 ChatGPT 服务,不重放原始网络流。所有互动可离线运行;原文链接需联网。
Rabi Shanker Guha (@rabi_guha): ChatGPT launched their version of Generative UI yesterday. We took it apart
tldr; the agent never write raw code. It emits DIL (a new language), the server compiles and streams it, the client renders it using a component set so that it feels native
相似文章
@rabi_guha:ChatGPT 昨天推出了他们的生成式 UI 版本。我们把它拆解分析了一下,tl;dr……
作者逆向工程了 OpenAI 新推出的 ChatGPT Intelligent UI(生成式 UI),解析其架构:模型输出一种名为 DIL 的中间语言(Markdown + JSX 风格标签 + JavaScript),由服务端编译为 JS 程序与 JSON 文档,再由客户端沙箱运行时渲染为原生组件。
新版ChatGPT:演示多于实用
OpenAI发布ChatGPT的“Intelligent UI”更新,可生成自定义的可视化交互元素(如图表、计算器和座位图),由其GPT-6模型驱动,并将先向付费用户、随后向免费用户逐步推出。
没有再做一个 GPU 终端渲染器,而是训练了一个 126 万参数的模型,把 htop、vim、emacs 等 TUI 转换为真正的 UI 组件 [R]
作者用一个仅 126 万参数的轴向 Transformer 模型,将 htop、vim、emacs 等 TUI 界面的单元格解析为角色标签,再确定性地转换为 A2UI 声明式 UI 组件,客户端完全不再需要终端模拟器。模型在真实屏幕上的 mIoU 为 0.51,约 40% 的屏幕可直接命中模板而无需运行模型,代码与标签已开源。
@sama:ChatGPT 现在可以为你生成自定义 UI 了!
OpenAI 宣布 GPT-6 和 Intelligent UI 正式向所有 ChatGPT 用户推出,Intelligent UI 可即时生成可视化、交互式的回答与工具。
@vintcessun: 这项目贼离谱——用小孩都能听懂的方式,把 ChatGPT 背后的 GPT 从零手搓了一遍。 每行代码都有注释,12 章 7500 多行,甚至专门讲清楚了 attention 那块我死活没搞懂的细节。 说白了,如果你只想“理解”而不是“调包…
A 12-chapter interactive textbook that teaches how to build a GPT-like language model from absolute scratch, with fully annotated code and beginner-friendly explanations.