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

Ant Design X特性：

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

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

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

• 高效管理對話數(shù)據(jù)流：提供好用的數(shù)據(jù)流管理功能，讓開發(fā)更高效

• 豐富的樣板間支持：提供多種模板，快速啟動 LUI 應(yīng)用開發(fā)

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

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

Ant Design X安裝與使用

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

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

Ant Design X組件

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

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

Welcome：歡迎界面清晰傳達給用戶可實現(xiàn)的意圖范圍和預(yù)期功能。

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

Sender：發(fā)送框需要構(gòu)建一個對話場景下的輸入框。

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

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

ThoughtChain：思維鏈調(diào)試和跟蹤復(fù)雜 Agent System 中的調(diào)用鏈。

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

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

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