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：提示集用于顯示一組與當(dāng)前上下文相關(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