assistant-ui

assistant-ui 是什麼？

assistant-ui 是一款多功能且對開發者友善的 React 函式庫，專為打造高體驗 AI 聊天介面而設計。它提供受 Radix UI 與 cmdk 啟發的可組合化 UI 元件，支援完整自訂，並內建串流、捲動、Markdown 呈現、無障礙與快捷鍵等核心功能。此函式庫可整合多種 AI 後端（如 LangGraph、Vercel 的 AI SDK 與自訂 API），讓你輕鬆串接各式大型語言模型。assistant-ui 亦具備生成式 UI、人機協作審核、多模態輸入及有狀態對話，是嵌入 AI 聊天於網頁應用的全方位解決方案。

主要功能

• 可組合化 UI 元件

  受 Radix UI 與 cmdk 啟發的模組化 React 元件，讓開發者能完全自訂對話介面的設計與行為。

• 多模型 AI 整合

  支援多家 AI 服務商，包括 OpenAI、Anthropic、Mistral、Perplexity、AWS Bedrock、Azure、Google Gemini 等，並可輕鬆切換後端。

• 進階聊天體驗

  內建串流 LLM 回應、自動捲動、Markdown 與程式碼高亮、檔案附加、鍵盤無障礙與即時更新等功能。

• 生成式 UI 與工具呼叫

  將 LLM 工具呼叫與 JSON 輸出對應到自訂 UI 元件，實現互動且豐富的對話與前端操作。

• 人機協作支援

  可讓使用者審核與輸入 AI 行動，提升關鍵流程的安全性與可控性。

• 有狀態與多模態互動

  支援多輪對話、情境感知、持久記憶，以及文字以外如圖片與文件的輸入。

使用案例

• 應用程式內 AI 助理 : 在網頁應用中打造對話式 AI 介面，適用於客服、效率工具或個人助理。
• 自訂 AI 聊天機器人 : 建立具獨特 UI 設計與整合的聊天機器人，滿足特定商業或用戶需求。
• 人機協作 : 實現使用者可審核 AI 產生行動的工作流程，確保準確性與合規。
• 互動式資料呈現 : 利用生成式 UI 在對話中展示結構化資料、圖表或工具輸出，提升用戶理解。
• 多模態 AI 介面 : 開發可同時處理圖片、文件與文字的 AI 系統，實現更豐富的互動情境。

常見問題