tambo-ai/tambo

What it solves

Tambo 是一個為 React 設計的生成式 UI 工具包，允許開發者打造能動態渲染與更新特定使用者介面元件的 AI 代理。代理不僅僅回傳文字回應，還能「以 UI 語言」說話，例如為銷售查詢渲染圖表，或在使用者新增任務時更新任務看板。

How it works

開發者使用 Zod schema 註冊 React 元件，以定義其屬性（props）。這些 schema 會被轉換成 LLM 的工具定義；當代理決定使用某個元件時，它會呼叫該工具並將必要的 props 串流至前端。

Tambo 提供完整的全端解決方案，包括：

• React SDK：基於 provider 的系統（TamboProvider）與 hook（useTambo），用於管理訊息與串流狀態。
• Backend：處理 LLM 對話迴圈、狀態管理與代理執行的系統，可透過 Tambo Cloud 使用，或自行以 Docker 映像部署。
• Integration Layers：支援 Model Context Protocol（MCP）以連接外部伺服器（如 Slack 或 Linear），以及定義直接在瀏覽器執行的本地工具的系統。

Who it’s for

想在應用程式中整合 AI 代理，打造自適應、以元件為驅動的介面，而非僅僅聊天視窗的 React 開發者。

Highlights

• Generative & Interactable Components：支援一次性渲染（例如資料視覺化）與可隨時間更新的持續元件（例如購物車）。
• MCP Support：內建與 Model Context Protocol 的整合，可連接外部工具與資料來源。
• Local Tool Execution：允許 AI 觸發在瀏覽器中執行的函式，用於 DOM 操作或驗證過的 fetch。
• LLM Agnostic：相容於 OpenAI、Anthropic、Gemini、Mistral 以及其他相容 OpenAI 的供應商。
• Full-stack Infrastructure：處理串流、取消、錯誤復原與對話狀態管理。