Ant Design X是螞蟻集團開源的一個可以快速構建ai聊天界面的工具包，它可以快速搭建出類似ChatGPT的對話界面，Ant Design X可以輕松接入AI模型，不用從零開始寫代碼，界面設計已經做好了，直接套用就行。支持自定義樣式，Ant Design X用于各種需要和AI對話的應用場景，比如智能客服系統、Ai助手、智能問答系統等，通過提供豐富的組件和設計模式，開發者可以很快開發出既美觀又智能的用戶界面。

Ant Design X特性：

• 源自企業級 AI 產品的最佳實踐：基于 RICH 交互范式，提供卓越的 AI 交互體驗

• 靈活多樣的原子組件：覆蓋絕大部分 AI 對話場景，助力快速構建個性化 AI 交互頁面

• 開箱即用的模型對接能力：輕松對接符合 OpenAI 標準的模型推理服務

• 高效管理對話數據流：提供好用的數據流管理功能，讓開發更高效

• 豐富的樣板間支持：提供多種模板，快速啟動 LUI 應用開發

• TypeScript 全覆蓋：采用 TypeScript 開發，提供完整類型支持，提升開發體驗與可靠性

• 深度主題定制能力：支持細粒度的樣式調整，滿足各種場景的個性化需求

Ant Design X安裝與使用

• 要安裝 Ant Design X，可以使用 npm 命令： npm install @ant-design/x --save 

• 在瀏覽器中使用時，可以通過添加 ｓｃｒｉｐｔ 和 link 標簽來引入，并使用全局變量 antd。

Ant Design X組件

Bubble：消息氣泡用于聊天的氣泡組件。

Conversations：會話管理需要對多個會話進行管理，查看歷史會話列表。

Welcome：歡迎界面清晰傳達給用戶可實現的意圖范圍和預期功能。

Prompts：提示集用于顯示一組與當前上下文相關的預定義的問題或建議。

Sender：發送框需要構建一個對話場景下的輸入框。

Attachment：附件需要展示一組附件信息集合的場景。

Suggestion：快捷指令構建一個對話場景下的輸入框，用于給予用戶快捷提示的組件。

ThoughtChain：思維鏈調試和跟蹤復雜 Agent System 中的調用鏈。

Ant Design X作為一個專注于 React 生態的先進 AI 組件庫，目的在于簡化與人工智能集成的開發過程。我們的UI組件庫包括高度定制化的 AI 組件，開發者可以輕松地將對話 AI 集成到他們的應用中。除了豐富的 UI 組件，Ant Design X 還提供了一攬子 API 解決方案，開發者可以通過令牌認證直接接入現有的 AI 服務，無縫銜接與 AI 的對話和交互。無論是建立智能聊天應用、提升用戶交互體驗還是加快 AI 能力的集成，Ant Design X 都是 React 開發者進入 AI 世界的理想伙伴。

Ant Design X Github：https://github.com/ant-design/x

Ant Design X 演示：https://x.ant.design/docs/playground/independent-cn