GitHub

什么是 ant-design/x？

Ant Design X 是一个创新框架，旨在帮助开发者轻松打造 AI 驱动界面。通过利用 RICH 交互范式，该平台允许用户无缝创建动态的 AI 交互体验。它包含各种原子组件，旨在应对多样化的 AI 对话场景，对于构建高级聊天机器人和 AI 交互应用的开发者而言，是一个宝贵的资源。

ant-design/x 的主要特性有哪些？

1. 源自最佳实践：基于 RICH 交互范式构建，Ant Design X 提供卓越的 AI 交互体验。

2. 灵活的原子组件：涵盖各种 AI 对话场景的广泛原子组件。

3. 开箱即用的模型集成：轻松连接兼容 OpenAI 标准的推理服务。

4. 高效的数据流管理：提供管理对话数据流的工具，提升开发效率。

5. 丰富的模板支持：提供多个模板，用于快速开发 LUI 应用。

6. TypeScript 支持：完全使用 TypeScript 开发，提供全面的类型覆盖，增强了可靠性和开发体验。

7. 高级主题定制：灵活的样式选项，以适应不同的用例和偏好。

如何使用 ant-design/x？

要开始使用 Ant Design X，可以通过 npm 安装：

npm install @ant-design/x --save

也可以使用 yarn 或 pnpm：

yarn add @ant-design/x

pnpm add @ant-design/x

安装完成后，可以将其导入项目，并开始使用其原子组件来构建 AI 驱动应用。例如，可以使用 Bubble 和 Sender 组件创建一个简单的聊天机器人界面。

ant-design/x 的价格是多少？

Ant Design X 是开源且免费使用的，开发者无需任何成本即可访问其功能。这使其成为希望在项目中利用先进 AI 能力的个人开发者和团队的绝佳选择。

实用建议

• 熟悉文档，以充分了解 Ant Design X 的功能和可用组件。
• 从简单项目开始，熟悉原子组件的使用，再扩展到复杂的 AI 交互。
• 有效利用 TypeScript，以发挥内置类型定义的优势，提升开发效率。

常见问题

我可以在没有 React 的情况下使用 ant-design/x 吗？

虽然 Ant Design X 针对 React 应用进行了优化，但也欢迎为非 React 实现做出贡献。探索社区资源可能有助于在 React 之外使用它。

是否支持高级功能？

是的，Ant Design X 为高级功能提供了内置工具和特性，包括高效的数据流管理以及与各种 AI 服务的集成。

是否有用于快速开发的模板？

当然！Ant Design X 包含多个模板，有助于快速有效地开发 LUI 应用。

ant-design/x 支持浏览器使用吗？

是的，可以在浏览器中添加 script 和 link 标签，将 Ant Design X 作为全局变量使用，使其也可用于浏览器应用。

通过利用 Ant Design X 提供的能力，开发者可以显著简化界面开发流程，同时高效集成先进的 AI 功能。