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

Ant Design X特性：

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

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

• 開(kāi)箱即用的模型對(duì)接能力：輕松對(duì)接符合 OpenAI 標(biāo)準(zhǔn)的模型推理服務(wù)

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

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

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

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

Ant Design X安裝與使用

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

• 在瀏覽器中使用時(shí)，可以通過(guò)添加 ｓｃｒｉｐｔ 和 link 標(biāo)簽來(lái)引入，并使用全局變量 antd。

Ant Design X組件

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

Conversations：會(huì)話管理需要對(duì)多個(gè)會(huì)話進(jìn)行管理，查看歷史會(huì)話列表。

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

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

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

Attachment：附件需要展示一組附件信息集合的場(chǎng)景。

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

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

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

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

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