GenUI 生成式 UI · 全新升级

让 AI 客服
自己生成交互界面

基于大模型驱动的生成式 UI 技术,AI 客服不再只是文字回复——它能根据对话上下文,实时渲染商品卡片、订单表单、数据表格等精美交互界面,让客服体验提升到全新维度。

99.9%
服务可用性
<200ms
首屏响应
50+
内置组件
AI
智能客服助手
在线 · 生成式 UI 已启用
有什么热销商品推荐吗?
好的,为您推荐以下热销商品:
热销商品
智能保温杯 Pro
¥129
AI 短剧创作包
¥99
点击商品卡片的「购买」按钮即可下单~
请输入您的问题...
下单成功 订单号 #20240906
平均响应 0.8 秒 / 条

一站式 AI 客服解决方案

从对话生成到界面渲染,从商品展示到订单闭环,智聊客服提供完整的智能客服能力链。

生成式 UI 渲染

大模型根据对话上下文自动生成 schema 描述,前端实时渲染商品卡片、表单、表格等交互组件,无需手动配置页面。

商品展示与下单

内置商品轮播与网格列表组件,支持图片、价格、描述、角标与购买按钮,一键触发下单流程,闭环转化。

订单全生命周期

支持订单创建、支付、发货、完成、取消全状态管理,用户可在对话中随时查询订单,客服自动调取真实数据。

地址簿管理

访客收货地址自动保存与预填,下单时一键调用历史地址,减少重复输入,提升转化率。

本地向量知识库

内置 Chroma 向量数据库与 bge 中文嵌入模型,支持文档上传、语义检索,客服回答基于企业私有知识库,准确可溯源。

扫码即接入

每个客服生成专属二维码,访客扫码即可开始对话,无需注册登录,适配线下门店、产品包装、海报等多种场景。

AI 不只是回答,更是在「设计」界面

传统客服只能发文字和图片,智聊客服让大模型直接输出结构化界面描述,前端实时渲染成可交互的卡片。

1
模型输出 Schema 描述
大模型根据用户意图,输出一段 JSON schema,描述需要渲染的组件树、属性与数据绑定。
2
前端实时渲染组件
GenUI SDK 解析 schema,动态渲染 Element Plus 组件与自定义业务组件,支持表单双向绑定与事件回调。
3
交互回传驱动对话
用户在卡片上的操作(填写表单、点击按钮)通过自定义动作回传后端,驱动下一步对话与业务流程。
4
自定义组件扩展
支持注册任意 Vue 组件为 GenUI 组件,商品轮播、网格列表、用户卡片等业务组件可被模型自由调用。
实时渲染示例 · 商品网格卡片
热销商品
智能保温杯 Pro
¥129
AI 短剧创作包
¥99
// 模型输出的 schema 描述 { "componentName": "ProductList2", "props": { "header": "热销商品", "items": [...] } }

清晰分层,稳定可靠

基于 ADK 智能体框架与 GenUI 渲染引擎,前后端分离设计,支持多模型接入与水平扩展。

接入层
H5 聊天页
Vue3 + Element Plus
管理后台
商品 / 订单 / 知识库
二维码接入
扫码即对话
渲染层
GenUI SDK
Schema → 组件渲染
自定义组件
商品卡 / 表单 / 表格
智能体层
ADK Agent
工具调用 / 多轮对话
大模型
DeepSeek / 通义 / 豆包
工具集
商品 / 订单 / 地址
数据层
MySQL
业务数据持久化
Chroma 向量库
RAG 语义检索
文件存储
商品图 / 知识库文档

适用于各类业务场景

无论线上电商还是线下门店,智聊客服都能快速接入,提升服务效率与转化。

电商零售

商品推荐、在线下单、订单查询、售后咨询全流程自动化。

教育培训

课程咨询、报名引导、知识库问答,7×24 小时不间断服务。

餐饮外卖

菜单展示、点餐下单、配送查询,扫码即可开始点餐对话。

线下门店

门店二维码引流,活动介绍、会员办理、到店预约一站式。

开始打造你的 AI 客服

5 分钟完成接入,让 AI 为你的客户生成精美的交互界面