assistant-ui/assistant-ui

解決的問題

無需在 React 應用中從零開始建構複雜的 AI 聊天介面。它提供生產就緒的 UI 元件以及連接前端與各種 AI 後端所需的基礎架構，確保無需手動實作串流、自動捲動或無障礙功能，即可獲得精緻的使用者體驗。

工作原理

該套件提供一組可組合的 React 原語（如 Thread、Message 和 Composer），開發者可使用它們建構自己的聊天介面。它採用執行時期提供者系統，透過適配器將這些 UI 元件連接到不同的 AI 後端。原生支援與 Vercel AI SDK、LangGraph 和 LangChain 的整合，同時也支援自訂資料串流後端。

適用對象

使用 TypeScript 和 React（包含 Next.js）的前端與全端開發者，希望快速將專業級 AI 聊天介面整合至應用中。

主要亮點

• 可組合 UI：提供靈活的原語，可個別設定樣式，或從 shadcn/ui 主題開始。
• 生產級功能：內建支援串流、Markdown、程式碼強調、語音輸入與鍵盤快速鍵。
• 生成式 UI：能將工具呼叫與 JSON 渲染為帶有人類審核工作流程的互動式 React 組件。
• 廣泛的後端支援：透過多種 SDK 與自訂 HTTP 後端，與 OpenAI、Anthropic、Gemini 等主要 LLM 提供商整合。