支持私有化部署
AI知识库

53AI知识库

学习大模型的前沿技术与行业应用场景


阿里达摩院开源的AI组件ChatUI,效果不错可以了解

发布日期:2025-04-12 12:11:42 浏览次数: 1538 作者:哈尔小文
推荐语

阿里达摩院最新力作,AI对话式界面组件ChatUI开源,引领智能对话新潮流。

核心内容:
1. 达摩院ChatUI对话式设计原则,主动、高效、情感、沉浸四大特点
2. 开源发布主要内容:主题定制、响应式&深色模式、国际化&无障碍支持
3. ChatUI对话卡片模板与特性:最佳实践、TypeScript、响应式、无障碍、主题、国际化

杨芳贤
53A创始人/腾讯云(TVP)最具价值专家

简介

  ChatUI由达摩院阿里小蜜孵化的对话式界面组件,目前支持阿里经济体80多个事业部,数千个Chatbot(对话式机器人),承载着达摩院前沿技术, 专注于智能对话领域的设计和技术研发体系,应用至消费者可体验的对话式界面。

一、对话式设计原则

为什么需要对话式设计?前沿技术,到无处不在的对话

什么是对话式设计? 合适对话的用户场景

理解上下文能力, 主动串联用户任务。

降低用户认知成本, 可以直达表达想法。

ChatUI的对话式设计原则

  • 主动: 用户还没想起, 机器能预知用户所需。

  • 高效: 用户使用流顺, 符合自然预期, 有效进行互动。

  • 情感: 用户有情感引导, 情感互动, 产生心理偏好或习惯,达至自然回访。

  • 沉浸: 用户能通过视觉, 互动及物理传感器等触点, 感受智能的新鲜感,引发交互意愿。

二、开源发布的主要内容

1. 灵活的主题定制,满足品牌多样化的需求

主题定制

2. 响应式&深色模式,随应用端自动适配

响应式。

弹性卡片尺寸。

深色模式。

灰度转换

3. 国际化&无障碍,助你与全球用户平等对话

国际化, 多语言。

不只是语言, 还有文化差异与信息布局

4. ChatUI 对话卡片模版

通过模版,高效研发。 

特性

  • 最佳实践:基于阿里小蜜业务积累和打磨的对话式交互最佳实践

  • TypeScript:使用 TypeScript 开发,提供完整的类型定义文件

  • 响应式:响应式布局,在无线和 PC 端都可以友好展现

  • ♿ 障碍:支持无障碍,已通过深圳市无障碍研究会的认证

  • 主题:支持灵活的样式定制,以满足业务和品牌上多样化的视觉需求

  • 国际化:支持多语言和本土化特性

兼容环境

Edge Firefox Chrome Safari iOS Safari  Android WebView
16+ 31+ 49+ 9.1+ 9.3+ 6+

安装

npm install @chatui/core --save
yarn add @chatui/core
  • ChatUI 3.0 Github 地址https://github.com/alibaba/ChatUI

  • ChatUI 3.0 主题定制https://market.m.taobao.com/app/chatui/theme-builder/index.html

  • 文档地址:https://chatui.io/docs/i18n

53AI,企业落地大模型首选服务商

产品:场景落地咨询+大模型应用平台+行业解决方案

承诺:免费场景POC验证,效果验证后签署服务协议。零风险落地应用大模型,已交付160+中大型企业

联系我们

售前咨询
186 6662 7370
预约演示
185 8882 0121

微信扫码

添加专属顾问

回到顶部

加载中...

扫码咨询