当前位置: 首页 > article >正文

AI前端组件库Ant DesIgn X

Ant Design X AI:体验新秩序
Ant Design 团队精心打造 RICH 设计范式,为 AI 界面提供卓越解决方案,引领智能交互新体验。  

设计语言与理论

官网: Ant Design X - 轻松打造 AI 驱动的界面。

AI 设计范式 —— RICH 是我们在蚂蚁内部众多 AI 产品实践中总结出的理论体系。它包含四个核心要素:角色(Role)、意图(Intention)、会话(Conversation)和混合界面(Hybrid UI)。基于此范式,我们延续 Ant Design 的设计语言,推出全新的 AGI 混合界面(Hybrid-UI)解决方案,完美融合图形用户界面(GUI)与自然语言交互,确保在所有的人机互动过程中,合适的组件能够以恰当的方式呈现。  

核心交互流程

  1. 唤醒让用户轻松理解 AI 的能力范围,明确其可实现的功能,从而降低用户的认知成本。
  2. 表达引导用户用简单的方式表达意图,并实时获得反馈,减少误解风险,同时让用户清晰看到自己的输入内容。
  3. 确认展示任务执行的过程,增强用户对操作进展的掌控感,缓解等待焦虑。
  4. 反馈提供清晰的结果反馈,帮助用户信任 AI 的输出,并快速应用生成的内容。

多场景解决方案

我们针对不同场景提供了多样化的 AI 协作方式,提升用户体验和效率:  

  • Web 独立式:以自然语言为主,几乎无需界面操作。  
  • Web 助手式:自然语言与界面操作均衡配合。  
  • Web 嵌入式:以界面操作为主,偶尔唤起 AI 指令。  
  • App 端:正在研发中,敬请期待!

全新助手介绍

作为基于 Ant Design 的 AGI 产品智能解决方案,我致力于创造更美好的智能视界。以下是我能为您提供的帮助:  

  • 热门话题解析:Ant Design X 的全新升级内容、RICH 设计规范详解及组件资产介绍。  
  • Rich 设计指南:包括 AI 如何理解用户需求、塑造人设形象、表达用户能听懂的语言,以及兼顾“chat”和“do”的行为模式。

组件库支持

Ant Design X 提供了丰富的 AI 组件,满足各种实际需求。这些组件灵活可定制,易于扩展,适用于多种场景。  

用户推荐功能

为了帮助初次接触 AI 产品的用户快速了解其功能,我们推出了以下模块:  

  • 唤醒:通过直观的方式展示 AI 的能力范围。  
  • 表达:提供快捷命令工具,简化用户输入过程。  
  • 确认:使用进度加载提示,增强用户对任务状态的认知。  
  • 反馈:通过结果操作反馈,让用户轻松信任 AI 的输出。

配套生态支持:  

  • RICH 设计指南:涵盖意图、角色、会话和混合 UI 的组件设计指引。  
  • 全局样式与设计模式:统一的设计标准,确保一致性。  
  • 组件库:支持 React、Angular 和 Vue 的 Ant Design 组件库,以及移动端组件库 Ant Design Mobile 和新一代数据可视化解决方案 AntV。

相关文章:

AI前端组件库Ant DesIgn X

Ant Design X AI:体验新秩序 Ant Design 团队精心打造 RICH 设计范式,为 AI 界面提供卓越解决方案,引领智能交互新体验。 设计语言与理论 官网: Ant Design X - 轻松打造 AI 驱动的界面。 AI 设计范式 —— RICH 是我们在蚂蚁…...

【C++编程基础-关键字】:define和inline的区别

一、引言:开启探索之旅 在 C++ 编程的广阔天地中,define和inline就如同两把独特的钥匙,各自解锁着不同的代码优化与功能实现的大门。define作为 C/C++ 语言中的预处理指令,有着悠久的历史,它能够实现文本替换,在代码编译前就发挥着重要作用,为我们带来了诸如定义常量、…...

追踪大型语言模型的思维过程:提示词工程重要

追踪大型语言模型的思维过程:提示词工程重要 目录 追踪大型语言模型的思维过程:提示词工程重要**1. 分步思考能力:像人类一样打草稿****2. 跨语言概念词典:突破语言符号的束缚****3. 诗歌押韵规划:神经元提前预留韵脚****4. 编造专业解释:数据模式导致的“客服式回应”**…...

BGP路由协议之属性1

公认属性是所有 BGP 路由器都必须能够识别的属性 公认必遵 (Well-known Mandatory) : 必须包括在每个 Update 消息里公认任意 (Well-known Discretionary) : 可能包括在某些 Update 消息里。 可选属性不需要都被 BGP 路由器所识别 可选过渡(OptionalTransitive) : BGP 设备不…...

什么是 k8s 的 Taints(污点) 和 Tolerations(容忍度)

什么是 k8s 的 Taints(污点) 和 Tolerations(容忍度) 在 Kubernetes(K8s)中,Taints(污点)和 Tolerations(容忍度)用于影响 Pod 调度到节点的行为…...

C++类模板的运用

使用vector实现一个简单的本地注册登录系统 注册&#xff1a;将账号密码存入vector里面&#xff0c;注意防重复判断 登录&#xff1a;判断登录的账号密码是否正确 #include <iostream> #include <vector> #include <string> #include <algorithm>us…...

人工智能:深度学习关键技术与原理详解

深度学习作为机器学习的核心分支&#xff0c;通过构建多层神经网络实现对复杂数据的高效建模。其关键技术及原理可分为以下几个方面&#xff1a; 一、关键技术 神经网络结构 多层感知机&#xff08;MLP&#xff09;&#xff1a;基础的前馈神经网络&#xff0c;通过全连接层堆叠…...

coze生成流程图和思维导图工作流

需求&#xff1a;通过coze平台实现生成流程图和思维导图&#xff0c;要求支持文档上传 最终工作流如下&#xff1a; 入参&#xff1a; 整合用户需求文件内容的工作流&#xff1a;https://blog.csdn.net/YXWik/article/details/147040071 选择器分发&#xff0c;不同的类型走…...

【数据库】达梦arm64安装

话不多说&#xff0c;快速开始~ 1.下载 进入官网&#xff1a; 产品下载 | 达梦在线服务平台 下载安装包。 选飞腾、鲲鹏都可以&#xff0c;都是arm架构的。我选择的是&#xff1a; 直接下载地址是https://download.dameng.com/eco/adapter/DM8/202502/dm8_20250117_HWarm920…...

AR 赋能儿童娱乐:剧本杀与寻宝小程序搭建秘籍​

在科技飞速发展的当下&#xff0c;儿童娱乐领域正经历着一场创新变革。AR&#xff08;增强现实&#xff09;技术的融入&#xff0c;为儿童剧本杀与寻宝游戏带来了前所未有的沉浸式体验。通过搭建专属小程序&#xff0c;孩子们能够在虚拟与现实交织的世界中开启奇幻冒险。接下来…...

交换机可以代替路由器的功能吗

交换机在一定程度上可以承担部分路由器的功能&#xff0c;但不能完全代替路由器&#xff0c;原因如下&#xff1a; 1、工作层次不一样&#xff1a; a、交换机工作在数据链路层&#xff0c;主要功能是基于MAC地址&#xff08;物理地址&#xff09;进行数据帧的转发&#xff0c…...

leetcode274.H指数

直接排序完后进行遍历 class Solution {public int hIndex(int[] citations) {Arrays.sort(citations);int result 0;for (int i citations.length-1; i >0; i--) {if(citations[i]>citations.length-i)resultcitations.length-i;elsebreak;}return result;} }...

人工智能基础知识详解:从概念到前沿技术与应用

在数字化浪潮席卷全球的今天&#xff0c;人工智能&#xff08;Artificial Intelligence&#xff0c;简称AI&#xff09;已不再是科技前沿的神秘概念&#xff0c;而是融入我们日常工作的实用工具。从智能语音助手到自动驾驶汽车&#xff0c;从医疗影像诊断到生成式艺术创作&…...

JavaScript | 对象

对象 JS中&#xff0c;对象是一组无序的相关属性和方法的集合&#xff0c;所有的事物都是对象&#xff0c;例如&#xff1a;字符串、数值、数组、函数等 对象是由属性与方法组成的 属性&#xff1a;事物的特征&#xff0c;在对象中用属性来表示(一般用名词)方法&#xff1a;…...

内网文件传输新体验,聊天、传输、自定义,一应俱全

Flix 是一款高效、便捷的跨平台局域网文件传输工具&#xff0c;支持 Windows、macOS、Android、iOS 和 Linux 等多种操作系统。它以简洁直观的聊天式界面为特色&#xff0c;让用户能够像发送消息一样轻松地传输文件&#xff0c;无需复杂的设置或登录。Flix 支持大文件和多种格式…...

Vue PDF Annotation plugin library online API examples

This article introduces the online version of the ElasticPDF API tutorial for the PDF annotation plug-in library in Vue projects. The API includes ① Export edited PDF data; ② Export annotations json data; ③ Reload old annotations; ④ Change files; ⑤ Se…...

Go 学习笔记 · 进阶篇 · 第一天:接口与多态

&#x1f436;Go接口与多态&#xff1a;继承没了&#xff0c;但自由炸裂&#xff01; 最近翻 Go 的代码&#xff0c;突然看到这么一段&#xff1a; type Animal interface {Speak() string }我一愣&#xff0c;咦&#xff1f;这不就是 Java 里常见的“接口”吗&#xff1f; …...

C语言传参寄存器压栈流程总结

相关 《Linux函数调用栈的实现原理&#xff08;X86&#xff09;》 总结 rsp向低地址生长&#xff08;栈顶&#xff09;&#xff0c;rbp记录旧值&#xff08;栈底&#xff09;。 intel x86测试&#xff0c;六个和六个以内的参数用寄存器传递。8个参数场景&#xff0c;6个用寄存…...

C盘清理——快速处理

C盘清理 | 快速处理 软件&#xff1a;小番茄C盘清理 https://ccleancdn.xkbrowser.com/cleanmaster/FanQieClean_13054_st.exe 前言&#xff1a;为什么需要专业的C盘清理工具&#xff1f; 作为一位长期与Windows系统打交道的技术博主&#xff0c;我深知C盘空间不足带来的痛苦…...

前端服务配置详解:从入门到实战

前端服务配置详解&#xff1a;从入门到实战 一、环境配置文件&#xff08;.env&#xff09; 1.1 基础结构 在项目根目录创建 .env 文件&#xff1a; # 开发环境 VUE_APP_API_BASE_URL http://localhost:3000/api VUE_APP_VERSION 1.0.0# 生产环境&#xff08;.env.produc…...

历年跨链合约恶意交易详解(四)——Chainswap20210711

漏洞合约函数 function receive(uint256 fromChainId, address to, uint256 nonce, uint256 volume, Signature[] memory signatures) virtual external payable {_chargeFee();require(received[fromChainId][to][nonce] 0, withdrawn already);uint N signatures.length;r…...

Python基于OpenCV和SVM实现中文车牌识别系统GUI界面

说明&#xff1a;这是一个系统实战项目&#xff0c;如需项目代码可以直接到文章最后关注获取。 项目背景 随着智能交通系统和智慧城市的发展&#xff0c;车牌识别技术在车辆管理、交通监控、停车场收费等领域发挥着重要作用。传统的车牌识别系统主要针对英文和数字的识别&…...

有瓶颈设备的多级生产计划问题:基于Matlab的深度解析与实践

内容摘要 本文围绕有瓶颈设备的多级生产计划问题展开&#xff0c;通过实例详细阐述问题背景、建立数学模型&#xff0c;并用Matlab代码进行求解。旨在帮助读者理解该问题的本质&#xff0c;掌握利用Matlab解决此类生产计划优化问题的方法&#xff0c;为企业在实际生产中合理规…...

网络性能优化参数关系解读 | TCP Nagle / TCP_NODELAY / TCP_QUICKACK / TCP_CORK

注&#xff1a;本文为 “网路性能优化” 相关文章合辑。 未整理去重。 如有内容异常&#xff0c;请看原文。 TCP_NODELAY 详解 lenky0401 发表于 2012-08-25 16:40 在网络拥塞控制领域&#xff0c;Nagle 算法&#xff08;Nagle algorithm&#xff09;是一个非常著名的算法&…...

mac命令操作

mac命令操作 快速删除一行&#xff1a; control u 剪切文件&#xff1a;步骤1、先进行Command c 进行选择复制文件&#xff0c;2、进行commandoptionv进行移动文件&#xff0c;如果commandv是进行复制文件。 commandcontrolD 三个键即可屏幕取词进行翻译 mac中可以使用快捷方…...

react 18 可中断的理解以及应用

React 的“可中断&#xff08;interruptible&#xff09;”渲染&#xff0c;指的是 React 在执行渲染过程中可以暂停、中断、再继续或放弃更新。这是 React 18 引入的并发特性的一部分&#xff0c;目的是让界面响应更流畅&#xff0c;防止“卡顿”。 &#x1f4d6; 举个例子&am…...

【Python】Python环境管理工具UV安装gdal

目录 一、UV简介1.2 UV高效包管理工具二、UV配置流程步骤1:安装UV工具步骤2:配置环境变量(Windows)三、UV包管理实战3.1 常用命令速查3.2 完整 `uv` 工作流(无需手动 `venv`)**1. 创建项目****2. 初始化依赖管理(可选)****3. 添加依赖****4. 运行代码****5. 更新/移除依…...

如何将内网的IP地址映射到外网?详细方法与步骤解析

01 为什么需要将内网IP映射到外网 在当今数字化时代&#xff0c;远程访问内网资源已成为许多企业和个人的刚需。将内网IP地址映射到外网的主要目的是允许外部网络访问内网中的特定服务&#xff0c;比如Web服务器、远程桌面、文件共享等应用场景。无论是企业需要远程办公访问内…...

HTTP 响应头 Strict-Transport-Security 缺失漏洞

HTTP 响应头 Strict-Transport-Security 缺失漏洞 这个漏洞就是说明网站的HTTP响应头中没有设置Strict-Transport-Security&#xff0c;没有设置则可以通过将https自己手动改成htttp的方式进行访问。不安全 解决方法 1.nginx配置 nginx中增加如下配置&#xff1a; location / …...

【SPSS/EXCEl】主成分分析构建__综合评价指数

学习过程中实验操作的记录 1.数据准备和标准化&#xff1a; (1)区分正负相关性:判断每个因子是正向指标还是负向指标,计算每个的最大值和最小值 (2) 标准化: Min-Max标准化 Min-Max标准化&#xff08;最大最小值法&#xff09;&#xff1a; 将数据映射到指定的区间&#xff…...