@kejunz: If you want to quickly understand the implementation mechanism, you can check this out: https://kejun.github.io/demos/c…

X AI KOLs Timeline 新闻

摘要

分享了一个交互式 2.5D 可视化页面,解读 ChatGPT 智能 UI 的实现机制:模型不直接写代码,而是输出 DIL 语言,由服务端编译并流式传输,客户端用预置组件集渲染。

If you want to quickly understand the implementation mechanism, you can check this out: https://kejun.github.io/demos/chatgpt-intelligent-ui/…
查看原文
查看缓存全文

缓存时间: 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

相似文章

新版ChatGPT:演示多于实用

Wired

OpenAI发布ChatGPT的“Intelligent UI”更新,可生成自定义的可视化交互元素(如图表、计算器和座位图),由其GPT-6模型驱动,并将先向付费用户、随后向免费用户逐步推出。

没有再做一个 GPU 终端渲染器,而是训练了一个 126 万参数的模型,把 htop、vim、emacs 等 TUI 转换为真正的 UI 组件 [R]

Reddit r/MachineLearning

作者用一个仅 126 万参数的轴向 Transformer 模型,将 htop、vim、emacs 等 TUI 界面的单元格解析为角色标签,再确定性地转换为 A2UI 声明式 UI 组件,客户端完全不再需要终端模拟器。模型在真实屏幕上的 mIoU 为 0.51,约 40% 的屏幕可直接命中模板而无需运行模型,代码与标签已开源。