摘要:这是一个遵循 Ant Design 设计体系的 React UI 库,用于构建由 AI 驱动的界面,一键接入智能对话组件与 API 服务。
OSCHINA
蚂蚁开源前端框架 Ant Design 最近推出了全新 AGI 组件库 ——Ant Design X。
这是一个遵循 Ant Design 设计体系的 React UI 库,用于构建由 AI 驱动的界面,一键接入智能对话组件与 API 服务。
Ant Design 团队工程师「偏右」将 Ant Design X 抽象地总结为:
团队介绍称,Ant Design X 构建了一套系统性的 AI 产品设计理论和方法 ——《RICH 设计范式》,它包含了四个设计要素:
Role 角色
Intention 意图
Conversation 对话
Hybrid UI 混合界面
该范式逐步确定意图、角色、会话等隐形的体验规则,同时界定融合了自然语言会话等多种交互模式的混合界面形态。
Ant Design X 部分组件预览效果:
Ant Design X 的核心优势包括:
先进的交互体验:基于 RICH 交互范式,提供卓越的 AI 交互体验。
多样化的组件选择:覆盖广泛的 AI 对话场景,助力快速构建个性化 AI 交互页面。
即插即用的模型集成:轻松集成符合 OpenAI 标准的模型推理服务。
高效的数据流管理:提供强大的数据流管理功能,提升开发效率。
多样的模板支持:提供多种模板,快速启动 LUI 应用开发。
TypeScript 支持:采用 TypeScript 开发,提供完整的类型支持,增强开发体验与可靠性。
定制化主题设计:支持细致的样式调整,满足各种场景的个性化需求。
安装与使用
Ant Design X 的安装非常简单,可以通过以下命令进行:
npm install @ant-design/x --save或者
yarn add @ant-design/x以及
pnpm add @ant-design/x丰富组件
对应设计范式拆分为多个组件,从而使开发者拥有良好的自由度进行组合。
同时配套提供了技术工具使得数据消费开箱即用,从而实现一个 X 完成所有前端研发工作:
未来规划
Ant Design X 将针对移动端的设计规范,提供样式拓展以便于开发者可以同时进行多端的研发工作。
相关来源
↓分享、在看与点赞~Orz
来源:丫亚的乐园