TGUI-AIGC时代的GUI框架-敬鸣.pdf

《TGUI-AIGC时代的GUI框架-敬鸣.pdf》由会员分享，可在线阅读，更多相关《TGUI-AIGC时代的GUI框架-敬鸣.pdf（34页珍藏版）》请在三个皮匠报告上搜索。

1、2026.03.24阿 里巴 巴 全 球总部 _访客中心中国杭州 HANGZHOU CHIATGUI-AIGC时代的 GUI 框架TaoBao Generative UI：AI 时代 GUI 的框架探索主会场演讲嘉宾李健（敬鸣）淘宝终端平台背景1TGUI 介绍2未来与展望3CLILUIAIGUI交互范式：精确指令特点：强、效，但槛说明：机交互的起点,类需要学习机器的语，通过键盘输精确的本命令来控制计算机。交互范式：直观操作特点:可以通过标点击等直观动作来与数字对象互动。它极地降低了计算机的使槛说明：命性的跃。机器开始图形来模拟现实世界（如桌等）交互范式：动态创造特点：UI成为可以根据对话上下、

2、户偏好实时成、组合、甚我修正的动态体验说明:由模型驱动的新纪元，机器不仅能理解你的意图，更能为你动态地“创造”内容和界CLI(命令界)GUI(图形户界)AI GUI(AI 成式界)机交互演进史GUI交互范式：对话理解特点：可以通过然语的式跟机器进交互。说明：随着然语处理技术的发展，机器开始能理解类的然语。LUI/VUI(语/语户界)若交互由AI驱动，GUI的底座该什么样？业界的表达形式功能鸿沟体验断崖昂贵的修改 Markdown 构建 AI GUI 遇到的三障碍法表达丰富的、可交互的UI组件，只能描述静态本结构。Markdown的全量渲染，与AI流式输出不和，导致输出的性能损耗和闪烁。法局部更

3、新，任何微调都需要对整个UI进整体重绘。TGUI 简介TGUI（TaoBao Generative UI）核标是：赋予 AI 构建级 UI 以及交互的能架构解析第基：为 AI 输出建规则标准混乱解析结果不渲染样式混乱输出质量不可控确定100%确定性解析AI 成更稳定更可靠视觉主题可定制我们的选择标准化的Markdown第基：超越 Markdown，注原微组件通过扩展语法+定义渲染如呢外套内联“微组件”够了吗？第基：超越 Markdown，组件化渲染AI 输出代码块指令product-cardn组件渲染协议映射#TGUI 协议规范TGUI 支持标准 Markdown 语法与自定义组件的混合渲染，

4、提供极致的原生体验。-原生渲染性能极致-支持流式动态更新|特性|支持度|-|-|Markdown|100%|Patch|Full|productCardtitle:双11 限定礼盒,price:299.00组件注册中心：让组件注册中心：让AI 成为真正的成为真正的UI编排师编排师AI 输出输出product-cardAI 生成指令TGUI 框架框架解析与映射识别组件注册中心组件注册中心查找并调用业务组件生态业务组件生态商品卡片组件商品卡片组件渲染为原生UI最终呈现最终呈现可交互的原生商品卡片研发从研发从页面开发者页面开发者升级为升级为AI可调度资产的创造者可调度资产的创造者AI 生成指令TGU

5、I 解析映射组件查找调用原生 UI 渲染第三基：拥抱 AI StreamCommitted/Pending 双态分离双态分离问题问题大模型逐 Token 输出，如何高效解析？解法解法Committed 已提交区已提交区Pending 待定区待定区逐步输入示意逐步输入示意T1输入列表输入列表T2输入段落输入段落ListParagraphT3输入代码输入代码ListParagraphCodeCommittedPending本末尾的最后个节点每次新 Token 到来时实时重新解析语法结构已完整闭合的本前部解析结果锁定，不重新解析List滑动滑动窗口机制窗口机制窗口大小策略窗口大小策略高性能高性能小窗

6、口（如小窗口（如2）解析范围更小，性能更优高容错高容错大窗口（如大窗口（如46）容忍更多未完成的语法结构智能智能自适应窗口自适应窗口根据当前节点类型动态调整滑动窗口示例（窗口大小滑动窗口示例（窗口大小=2）随着 Token 输入，CommitPointer 不断右移，Pending 窗口始终固定大小H1P1ULLI1LI2P2CodeT1Window CPT2Window CPT3Window CPT4Window CPT5Window CPCommittedPending未到达滑动窗口：从滑动窗口：从O(N)到到O(N)传统方案传统方案全量重解析100字解析100字/10000字解析1000