shadcn-ui/chatbot-template

解決的問題

為開發者提供構建 AI 聊天機器人的極簡、生產就緒的起點。它消除了使用現代 Web 框架設置串流回應、工具呼叫和精美使用者介面所需的樣板程式碼。

工作原理

該模板使用 Next.js 和 Vercel AI SDK 來處理串流文本回應。它與 Vercel AI Gateway 整合，用於模型管理和身份驗證。前端使用 shadcn/ui 組件構建，利用專用的訊息滾動器和用於 Markdown 渲染的排版。

工具呼叫透過模組化系統處理，每個工具（如網路搜尋或 GitHub repo 查詢）都有自己的定義檔案和對應的 UI 組件，用於在對話介面中渲染工具的狀態（串流中、可用或錯誤）。

適用對象

想要快速部署具有專業 UI 以及工具呼叫和 Human-in-the-loop 互動等進階功能的實用 AI 聊天機器人的 Web 開發人員。

亮點

• 串流對話：支援帶有 Markdown 渲染的即時回應串流。
• 工具呼叫：包含網路搜尋和 GitHub repository 查詢的範例。
• Human-in-the-Loop：具有允許模型向使用者提出澄清問題的問卷組件。
• 類型安全工具：使用 InferUITools 確保工具的輸入和輸出完全類型化，防止開發過程中的執行階段錯誤。