AntDesignX正式发布:采用TypeScript开发、专为AI界面而生

程序员咋不秃头 2024-12-04 06:56:38

蚂蚁开源前端框架 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 将针对移动端的设计规范,提供样式拓展以便于开发者可以同时进行多端的研发工作。

相关来源

https://github.com/ant-design/x/issues/205

https://x.ant.design/docs/react/introduce-cn

0 阅读:0

程序员咋不秃头

简介:感谢大家的关注