蚂蚁开源前端框架 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