资讯动态

ZorvAI:让 AI 在聊天气泡里“画“出可交互界面

发布时间:2026/8/11 11:34:50 来源:尧图企业网站定制
引言从文本到界面的跨越大多数 AI 助手的聊天界面气泡里装的只有文本。AI 就算想给你展示一个按钮、一张卡片、一个可交互的表单也只能写成 Markdown 或者一段干巴巴的 JSON——用户看得见描述却摸不着东西。ZorvAI在安卓端尝试把这件事做穿AI 在对话过程中可以直接下发 UiAction 系列、UiCard、UiWidget可交互内联 UI——也就是说AI 不只是描述一个界面而是真的在聊天气泡里画出一个能点的界面。项目信息仓库地址https://github.com/Quor-a/ZorvAI技术栈Kotlin Jetpack Compose开源协议Apache-2.0三层可视化能力解析从仓库公开的能力清单来看ZorvAI 把可视化能力拆成了三个层次1. UiAction 系列 —— 动作层AI 可以下发一系列动作驱动界面产生变化跳转、弹窗、高亮、触发某个行为等等。这是最细粒度的可视化原语相当于 AI 手里的一支指挥棒。2. UiCard —— 卡片层AI 可以直接下发一张结构化卡片。卡片比纯文本丰富比完整页面轻量适合在对话流中穿插展示一段查询结果、一个待确认的操作、一份摘要都可以是一张卡片。3. UiWidget可交互内联 UI —— 组件层这是最关键的一层。Widget 不是静态展示而是可交互的内联 UI——这意味着 AI 下发的组件用户可以直接在气泡里操作输入、点击、选择、提交都不需要跳出对话。三层叠加起来AI 的回复从一段话升级成了一段话 一组可交互界面元素。为什么这在 Agent 场景里特别重要ZorvAI 本质上是一个安卓端 AI Agent 控制端——它在设备上运行能通过无障碍、Shizuku、Root 等通道操控系统调用 120 内置工具还能通过 ACI 框架编排手机上其他 App 的能力。Agent 和普通聊天机器人最大的区别是Agent 要干活。干活就意味着展示进度和结果需要向用户展示干活的进度和结果征求用户确认需要在关键节点征求用户确认“要不要真的发这封邮件”补充参数可能要让用户补充参数“会议定在几点”结构化回显可能要回显一个结构化结果查到的日程、读到的表格、抓取的网页如果只能用文本上面每一件事都会变得别扭。而UiCard让展示结果变得好看UiWidget让用户操作直接在气泡里完成UiAction让 AI 能在合适的时机驱动界面做出反应具体场景示例你对 ZorvAI 说“周五下午团队复盘把 Q3 销售数据发给大家”。AI 内部会编排日历 App 创建会议、表格 App 读取数据、邮件 App 群发。在这个过程里执行状态反馈每一步的执行状态可以通过 UiAction 驱动界面反馈数据展示读取到的 Q3 销售数据摘要可以以 UiCard 形式展示给你过目用户确认发送前如果需要你确认收件人列表可以直接在气泡里渲染一个 UiWidget 勾选组件整个对话不跳出、不弹窗、不打断——AI 在聊天里就把活干完了。技术实现如何落地ZorvAI 整体基于Kotlin Jetpack Compose构建UI 层天然适合做这种AI 驱动的动态界面Compose 的声明式 UI 模型让 AI 下发的 UiWidget 描述可以被直接映射成可组合函数渲染出来不需要预先在客户端写死每一种可能的交互组件。这也是为什么 ZorvAI 选择把可视化能力做成 UiAction / UiCard / UiWidget 这套体系而不是传统的WebView 加载 HTML方案——Compose 原生组件的性能、外观一致性、与宿主 App 的交互能力都比 WebView 方案更贴合 Agent 场景。 核心原理AI 下发的是一个UI 描述客户端的 Compose 运行时负责把它画出来并且能响应用户在组件上的操作再把操作结果回馈给 AI 继续下一轮编排。对开发者的意义如果你是一个 Android 开发者想让自己的 App 具备被 AI 驱动出界面的能力ZorvAI 的这套可视化体系提供了参考范本UiAction 系列定义了 AI 驱动界面变化的动作协议UiCard定义了结构化卡片的数据契约UiWidget定义了可交互内联组件的规范配合 ZorvAI 的ACI 框架Agent Capability Interface第三方 App 只要引入aci-core库、继承BaseACIService声明自己的能力就能被 ZorvAI 的 AI 编排调用。当 AI 调用你的能力时你不仅可以通过 UiCard / UiWidget 把结果以可视化形式呈现还可以通过 UiAction 驱动 ZorvAI 的界面做出响应。总结与思考可视化组件听起来是个前端小事但在 Agent 产品里它是人机协作的咽喉AI 的所有思考、决策、执行最终都要通过可视化组件呈现给用户、并接受用户的反馈。ZorvAI 用 UiAction UiCard UiWidget 这三层结构在安卓端给出了一套完整的解法。项目现状与学习建议活跃迭代项目目前还在活跃迭代最新 Release 已到 v1.0.20学习重点可视化这块的具体实现细节、组件类型、数据契约建议直接 clone 源码查看关键代码Compose 层面对 UiWidget 的渲染映射逻辑是理解整套体系的关键项目链接汇总GitHubhttps://github.com/Quor-a/ZorvAI多平台托管GitHub / Gitee / GitLab 均有镜像技术栈Kotlin Jetpack Compose协议Apache-2.0最后的话如果你正在做 Agent 类产品想搞清楚AI 怎么在对话里直接画出可交互界面ZorvAI 的 UiAction / UiCard / UiWidget 这套设计值得翻一翻。它不仅解决了技术问题更重要的是重新定义了 AI 与用户交互的边界——从我说你听变成了我们一起操作。这种交互模式的转变或许正是下一代 AI 应用的核心竞争力所在。翻一翻。

读完文章,也想定制专属网站?

尧图设计师 24 小时内与您沟通定制方案

免费获取报价