tambo-ai/tambo

Generative UI SDK for React

What it solves

Tambo は React 用の生成的 UI ツールキットで、開発者が特定のユーザーインターフェースコンポーネントを動的に描画・更新できる AI エージェントを構築できるようにします。エージェントはテキスト応答だけでなく、UI で「話す」ことができ、例えば売上クエリに対してチャートを描画したり、ユーザーがタスクを追加したときにタスクボードを更新したりできます。

How it works

開発者は Zod スキーマを使って React コンポーネントを登録し、プロパティ（props）を定義します。このスキーマは LLM 用のツール定義に変換され、エージェントがコンポーネントを使用することを決定した際にツールを呼び出し、必要な props をフロントエンドにストリーミングします。

Tambo はフルスタックソリューションを提供します:

  • React SDK: プロバイダー方式のシステム（TamboProvider）とフック（useTambo）で、メッセージとストリーミング状態を管理します。
  • Backend: LLM 会話ループ、状態管理、エージェント実行を処理するシステムで、Tambo Cloud 経由または自己ホスト型 Docker イメージとして利用可能です。
  • Integration Layers: Model Context Protocol（MCP）をサポートし、外部サーバー（Slack や Linear など）への接続や、ブラウザ内で直接実行されるローカルツールの定義を可能にします。

Who it’s for

シンプルなチャットウィンドウではなく、適応的でコンポーネント駆動のインターフェースを作りたい React 開発者向けです。

Highlights

  • Generative & Interactable Components: 一度きりのレンダリング（例: データ可視化）と、時間とともに更新可能な永続コンポーネント（例: ショッピングカート）をサポート。
  • MCP Support: 外部ツールやデータソースに接続するための Model Context Protocol との組み込み統合。
  • Local Tool Execution: ブラウザ内で実行される関数をトリガーでき、DOM 操作や認証済みフェッチに利用可能。
  • LLM Agnostic: OpenAI、Anthropic、Gemini、Mistral など、OpenAI 互換プロバイダーに対応。
  • Full-stack Infrastructure: ストリーミング、キャンセル、エラー回復、会話状態管理を処理。