本文由云软件体验技术团队岑灌铭原创。
前言
GenUI SDK 是 OpenTiny 团队基于生成式 UI 理念打造的解决方案，旨在增强大模型显示与交互效果。 GenUI SDK 提供完整的前后端一体化集成能力，遵循 OpenAI 规范；内置 Vue 与 Angular 双框架渲染器，支持自定义的组件库、交互行为与主题样式。既能快速从零搭建一个 AI 对话应用，也可以现有业务系统中嵌入生成式 UI 能力。
最近我们推出了 GenUI SDK v1.1.0 新版本！本次更新聚焦演练场体验 、核心组件能力扩展 、底层容错稳定性、三大方向深度打磨，同时完善工程基建与配套文档，让 GenUI SDK 能力使用更灵活、运行更稳健。让你在手机与桌面端都能更顺畅地体验 GenUI SDK 能力。
- 开源地址：github.com/opentiny/ge...（欢迎Star ⭐）
- 官方网站：opentiny.design/genui-sdk
版本特性总览
📱 移动端体验升级
- 多端兼容：演练场、官网适配移动端。
- 交互打磨：优化移动端布局逻辑，确保手机与平板端的流畅演示。
🧩 核心能力进阶
- 适配推理模型 ：原生支持
reasoning_content字段与<think>标签解析。 - 会话控制增强：新增「断流续写」与「回退重试」实验特性。
- 用量透明化：新增 Token 消耗统计面板，实时掌控对话成本。
🛡️ 底层稳定性加固
- 智能 JSON 修复：自动补全缺失闭合括号，规避轻量模型输出异常导致的渲染错误。
- 流提取算法重构：采用全新插件机制，优雅处理多卡片并发返回的极端场景。
- 渲染边界保护：完善错误捕获机制，大幅降低控制台报错导致的程序崩溃率。
🔍 未来特性预览
- 模板局部调整：支持通过多轮对话局部调整 UI 模板，实现从"单次交付"到"持续演进"的协作模式。
新特性详解
1. 页面适配移动端，演练场能力升级
本次更新官网和演练场的界面做了优化，能够更好地适配移动端，并且针对高频使用的演练场完成多项体验优化，打磨细节能力，提升使用体验：
演练场移动端适配
演练场已完成移动端布局兼容，手机、平板可流畅访问页面、查看功能演示效果，不再局限仅桌面端浏览查看。
（视频中黑屏为录屏软件自动屏蔽密码输入）
官网移动端适配
除了演练场以外，官网的界面也进行了移动端适配，能让你在移动端也可以更好地了解GenUI SDK 特性, 立即访问官网
新增会话实验特性
- 断流续写： 上线断流续写，输出超出限制、网络波动、主动停止等情况导致流式输出中断时可接续生成
- 回退： 续写效果不满意？支持将本轮回话回退到上个版本的状态并重新续写
展示Token消耗信息
新增对话用量信息面板，直观查看单轮 Token 消耗等核心数据，使用情况一目了然。 （在断流续写的场景，只会展示最后一轮的回话信息）
2. 核心组件增强，对接适配更省心
持续丰富组件生态，优化底层渲染逻辑，兼容更多业务接入场景
新增思考过程
支持两种主流的格式，降低多源模型对接成本：
reasoning_content： 通过流式增量中的独立字段传递推理内容<think>/</think>标签包裹：在正文中用成对标签包裹思考片段，由解析器抽取并归入思考展示
物料补充和提示词优化
- 组件能力持续扩充 ：新增
TinyRadioGroup组件物料描述，丰富UI交互能力 - 底层提示词重构优化：拆解子节点规则逻辑，优化提示词表述，提示词格式整改为标准Markdown格式输出，让大模型能够更好地理解需求。
3. 底层稳定性加固，容错能力大幅提升
针对JSON解析、渲染边界场景做深度优化修复，规避异常影响体验。
智能修复残缺JSON能力升级
底层添加了错误JSON的修复能力，可自动补全缺失闭合括号等异常 JSON 格式，修复数据残缺， 优化在使用一些比较轻量的大模型时经常出现的显示异常错误。
问题修复与优化
- 缓冲算法优化：针对生成过程中的缓存算法逻辑进行了优化，界面 UI 在流式输出时更新更平滑，增量更新的颗粒度更小，使用体验更友好。
- 流提取算法重构：重构了流提取算法，处理逻辑更优雅、健壮。能够处理极端情况下，流式输出一次性返回大量内容包含了多个卡片的情况，并且引入了插件机制，能够加入不同的特征提取逻辑。
- 问题修复：修复 finish_reason 没有正确返回、工具调用判断条件异常等问题；完善渲染错误捕获机制，有效规避控制台报错导致程序崩溃等问题。
4. 特性预览
除了以上更新外，v1.1.0还带来了模板特性预览：
此特性不是传统意义上"一次生成、一次交付"的 UI 界面，而是一种更接近真实业务协作方式的模板生成体验。你可以通过自然语言描述页面需求，生成第一版模板，然后再已有结果的基础上继续追问、继续调整，让模板随着对话不断演进，实现局部更新，不断完善模板直到你想要的效果。
如果想要抢先体验此特性，需要克隆GenUI SDK 源码到本地启动后，修改配置文件sites/playground/web/env/.env, 将VITE_ENABLE_TEMPLATE改为true
VITE_ENABLE_TEMPLATE=true 修改完成后，运行 pnpm dev，在侧边栏的页面栏的最后一项就会出现模板了。
你可以通过对话，让大模型先生成第一版模板。比如我让大模型生成一个奶茶点单界面。就会流式生成模板。
左边是对话，右边是生成的模板，点击模板左上角可以浏览并修改schema, 修改会实时应用到模板上。如果你不想手动调整，你还可以让大模型帮调整，比如杯型我想要加上小杯，并且表单项需要添加一项收货地址。你可以和大模型说："杯型添加小杯的选项并且添加收货地址表单项"。 你可以进行多轮对话不断调整，直到生成满意的效果为止：
关于模板的更多功能，待你挖掘解锁~
总结
GenUI SDK v1.1.0 以更灵活的使用场景、更强大的组件能力、更稳健的底层架构、更完善的生态配套为核心升级方向。欢迎各位开发者升级体验版本，在使用过程中遇到边界场景或优化建议，可通过 GitHub 及时反馈，我们将持续迭代打磨更优质的 GenUI 产品能力！
详细的更新信息可以参考ReleaseNote：github.com/opentiny/ge...
以上就是本次版本更新的内容，欢迎大家体验~ 如果对GenUI SDK 感兴趣或者是有疑问，欢迎到 Github 参与贡献或者提交 Issue。
关于 OpenTiny NEXT
OpenTiny NEXT 是一套企业智能前端开发解决方案，以生成式 UI 和 WebMCP 两大核心技术为基础，对现有传统的 TinyVue 组件库、TinyEngine 低代码引擎等产品进行智能化升级，构建出面向 Agent 应用的前端 NEXT-SDKs、AI Extension、TinyRobot智能助手、GenUI等新产品，实现AI理解用户意图自主完成任务，加速企业应用的智能化改造。
欢迎加入 OpenTiny 开源社区。添加微信小助手：opentiny-official 一起参与交流前端技术～
OpenTiny 官网：opentiny.design
GenUI SDK 代码仓库：github.com/opentiny/ge... （欢迎star ⭐）
关于我们：opentiny.design/opentiny-de...
如果你也想要共建，可以进入代码仓库，找到 good first issue标签，一起参与开源贡献~如果你有任何问题，欢迎在评论区留言交流！