TokUI正式开源!向量空间JBoltAI让AI流式生成UI

简介: TokUI是向量空间JBoltAI开源的全球首个真流式AI UI引擎,专为大模型设计:极简DSL、零依赖、逐字符增量渲染,大幅降低Token消耗;支持表格、图表、表单等150+组件,安全可交互,让AI回复不再是文字墙,而是实时生长的富界面。(239字)

TokUI正式开源!向量空间JBoltAI让AI流式生成UI

你有没有想过,AI在对话框里给你回复的,不再是一堵缓慢铺开的文字墙,而是一张可以勾选的表格、一张实时生长的折线图、一个能点按钮填信息的卡片?

今天,向量空间JBoltAI团队正式开源TokUI——全球首个专为AI设计的真流式UI描述与渲染引擎。它的使命很简单:让AI用极少的Token,流式生成富交互界面。从此,大模型和用户之间,不再隔着一堵文字墙。

为什么需要TokUI?

当前AI产品存在四个普遍被忽视的错配:

模型能力在飞跃,UI表达却停滞。 大模型能写代码、做表格、画图表,但最终都坍缩成Markdown或纯文本塞进对话框。Markdown解决了文档可读性,却没解决交互——它不能渲染可勾选的表格行,不能流式画折线图,不能展示Agent正在调用哪个工具、进度如何。

HTML太重,Token时代扛不住。 HTML是为"人手写+浏览器解析"设计的,不是为"按Token计费"设计的。一张带斑马纹的表格,HTML要写一堆冗余标签;同样一张表格,TokUI只要极简的几行描述。相同UI的Token消耗,TokUI远低于HTML或JSON Schema。在百万级Token的生产成本面前,这不是优化,是刚需。

结构化输出JSON不能流式。 Function Calling能让模型输出结构化JSON,但JSON有一个致命缺陷:必须完整到达才能解析。一个{没闭合,整个结构就解析失败。于是AI生成UI的体验变成了:用户盯着转圈等几十秒,然后"啪"地一次性渲染出整个界面——完全违背了AI对话最迷人的特质:逐字流式、即时反馈。

前端依赖沉重,与轻量AI嵌入相悖。 想在对话里渲染富UI,常见做法是塞一套React/Vue+组件库+图表库。这套技术栈对于一个"只想给AI回复加一点交互"的场景来说,过重了。

向量空间JBoltAI用TokUI一个设计同时回应这四个错配:给AI一种为流式而生、为Token经济而设计、原生可交互、零依赖的UI描述语言。

TokUI的技术硬实力

TokUI不是一个概念,而是一套已经跑通的工程方案。向量空间JBoltAI团队在AI应用开发领域积累了多年实战经验,TokUI正是这些经验的技术结晶。

它的核心技术特点:

零依赖。 前后端均为原生API,运行时不引入任何npm包。图表用纯SVG手绘,代码高亮用自写tokenizer覆盖11种语言——全部自研。零依赖不是洁癖,而是可嵌入性的保证:TokUI可以被塞进任何已有项目、任何CDN <script>、任何无构建环境,不污染依赖树、不引发版本冲突。

真流式增量解析与渲染。 状态机逐字符推进,feed(chunk)增量喂入立即解析并渲染。容器开标签到达即创建DOM并入栈,子节点陆续填充——首Token即开始绘制。这是"真流式",不是"分块批量渲染"伪装的流式。

极简而严谨的DSL。 [card tt:标题][p 内容][/card]——XML风格的闭合标签,结构严谨、可读性好;属性用key:value,空格分隔。AI易生成、人易读。

150+开箱即用组件。 覆盖七大类:基础布局、表格、表单、图表、对话气泡、工具调用、代码差异等。向量空间JBoltAI在Agent开发中积累的这些组件,让TokUI开箱即能覆盖主流AI产品的全部交互形态。

事件安全模型。 DSL不含任何可执行代码,事件处理器全部是命名引用,需预先注册。AI输出什么,都不会变成宿主页面的可执行代码——这是可以被放进生产AI产品的安全底线。

容错降级。 未注册组件渲染为div.tokui-unknown,渲染抛错生成降级显示。单点错误不炸整页,流式过程始终稳健。

TokUI能用在哪儿?

核心场景:AI对话产品的富UI回复。 一个真实的AI回复,不再是纯文本,而是一组流式渲染的对话组件——思考过程可折叠展开、工具调用卡片展示状态、图表逐根长出、表格逐行刷入、来源引用可点击跳转。

AI Agent与工具调用的可视化。 Agent执行多步任务时,每一步都在流式演进。TokUI的agent/tool-call/plan组件支持流式状态更新,让用户实时看到"正在调用→调用成功"的状态流转,而不是等任务结束才看到结果。

数据分析与BI报告的流式生成。 让AI直接"画出"一份报告——指标卡先到、图表逐根长出、表格逐行刷入、结论最后弹出。

低代码平台与远程UI配置。 同一套DSL既可以由AI生成,也可以由可视化编辑器生成、由配置中心下发、由多端运行时消费。向量空间JBoltAI正在将TokUI打造为一层语言无关的UI中间件——无论后端是什么技术栈,只要输出符合TokUI DSL规范,就能驱动同一个前端。

写在最后

过去三十年,互联网的UI是"人写、机器渲染"。AI时代,UI正在变成"机器生成、人交互"。而生成的方式,应该是流式的、经济的、安全的、可交互的。

向量空间JBoltAI开源的TokUI,想做的正是这四件事的底层介质。

项目已正式上线,采用MIT协议开源,零依赖,克隆即用。欢迎前往向量空间JBoltAI官方仓库体验,让AI对话真正变成"对话即界面"。

相关文章
|
2天前
|
云安全 人工智能 运维
阿里云SecOps Agent,全新安全跨产品执行体验
自然语言驱动 云安全中心/WAF/CFW/ 等多款安全产品联动
1578 1
|
1天前
|
机器学习/深度学习 人工智能 调度
🐴 HappyHorse 1.1 现已上线阿里云百炼!快来查收模型使用指南,现在调用享 6 折~
HappyHorse 1.1 是新一代视频生成大模型,全面升级动态表现力、角色一致性、指令遵循、视觉质感与音画协同能力。支持I2V/T2V/R2V三类生成,适配短剧、电商广告、品牌营销等场景,提供高质、流畅、可控的AI视频生产力。
430 2
🐴 HappyHorse 1.1 现已上线阿里云百炼!快来查收模型使用指南,现在调用享 6 折~
|
12天前
|
缓存 测试技术 API
Qwen 3.7 Plus 与 Max 实测:性价比与多模态能力差异解析(2026)
2026 年 6 月 1 日,阿里悄无声息地发布了 Qwen 3.7 Plus,距 Qwen 3.7 Max 上线刚好 11 天。同样的 1M 上下文,同样的 35 小时自治上限。但价格才是头条:Plus 是 0.40/M输入,Max是 2.50/M——便宜约 6 倍——并且还能看图、看视频。Vision Arena 上 Plus 已经排到 #16。所以这周真正值得讨论的问题不是”要不要为视觉能力买单”,而是”Max 凭什么用 6 倍价格换来 2 个百分点的 benchmark 领先”。
|
13天前
|
JavaScript 定位技术 API
CodeGraph 爆火:编程 Agent 需要的不是更多上下文,而是一张提前画好的代码地图
CodeGraph 是一款爆火的本地代码智能工具,通过 tree-sitter 解析 AST 构建结构化知识图谱(存于 SQLite),为编程 Agent 提前生成“代码地图”。它显著降低 Agent 在中大型项目中的探索成本——实测工具调用减少71%、Token 降57%、速度提升46%,支持19+语言及主流框架路由识别,完全离线、无需 API Key。
866 11
CodeGraph 爆火:编程 Agent 需要的不是更多上下文,而是一张提前画好的代码地图
|
1天前
|
数据采集 人工智能 搜索推荐
企业智能体的下半场,如何让智能体越用越聪明?
AgentLoop 正在邀测期,点击申请邀测资格。
184 124
|
13天前
|
人工智能 运维 JavaScript
阿里云Qoder CN(原通义灵码)全解析 产品形态、版本划分与技术适配说明
在AI辅助开发与智能办公工具持续普及的当下,阿里云旗下原通义灵码正式更名为Qoder CN,同时延伸出QoderWork CN、Qoder CN CLI、Qoder CN Mobile等多款配套产品,形成覆盖代码开发、日常办公、终端交互、移动端使用的完整工具矩阵。Qoder CN核心定位为AI智能编码助手,深度适配主流代码编辑器、集成开发环境以及终端场景;QoderWork CN则偏向桌面端综合办公辅助,二者面向不同使用场景,划分了多个版本档位,搭配差异化资源配额、功能权限与计费规则,同时兼容多款主流大模型。
919 8
|
9天前
|
人工智能 自然语言处理 算法
阿里云百炼Qwen 3.7 Plus与Max实测全解:性价比与多模态能力、成本深度对比
2026年,阿里云百炼平台推出的Qwen 3.7系列成为企业与开发者落地AI应用的核心选择,其中Qwen 3.7 Max与Plus作为两大旗舰版本,定位差异显著:Max是纯文本推理旗舰,专注高强度智能体与复杂逻辑任务;Plus则是多模态全能版,在保留强大文本能力的同时,补齐图像、视频理解能力,且价格大幅降低。本文基于2026年最新实测数据,从核心参数、文本能力、多模态能力、智能体表现、性价比与场景选型六大维度,全面解析两款模型的差异,为用户提供精准选型参考。
454 0
|
13天前
|
JSON 缓存 安全
通过 CC Switch 本地路由让 Codex CLI 接入 DeepSeek 等第三方模型
CC Switch 通过本地路由(`127.0.0.1:15721`)实现协议转换:将 Codex 的 Responses API 请求自动映射为 DeepSeek 等厂商的 Chat Completions 接口,兼容流式响应与工具调用,无需修改 Codex 源码,安全隔离 API Key。(239字)
2502 7
通过 CC Switch 本地路由让 Codex CLI 接入 DeepSeek 等第三方模型