OpenUIを基盤に、モデルの回答をインタラクティブな地図、チャート、フォーム、実際に使えるツールとしてストリーミング表示する、ChatGPTのIntelligent UIを再現したオープンソースのNext.jsデモ。
tambo-ai/tambo
生成UIとして独自のコンポーネントを描画・更新するAIエージェントを構築するための、オープンソースReactツールキット。
- スター
- 11,197
- フォーク
- 570
- 未解決の Issue
- 49
- 最終コミット
- 17 時間前
これは何?
Tamboでは、Zodスキーマを使ってReactコンポーネントを登録できます。LLMエージェントがユーザーのリクエストに合うコンポーネントを選び、propsをストリーミングで渡して、アプリ内に結果を描画します。コンポーネントは、グラフや要約のような一度限りの出力にも、タスクボードやメモのように状態を保持し、ユーザーがリクエストを調整すると更新される対話型コンポーネントにもできます。
SDKには、メッセージ、ストリーミング状態、入力処理を扱うuseTamboやuseTamboThreadInputなどのhooksが用意されています。また、MCPサーバー連携、ブラウザ側で実行するローカルツール、追加コンテキストの受け渡し、認証トークン、クリック可能な候補にも対応しています。OpenAI、Anthropic、Gemini、Mistral、またはOpenAI互換プロバイダーのAPIキーを利用できます。
会話状態とエージェントの実行を管理するバックエンドは、Dockerを使ってセルフホストできます。ホスト型サービスのTambo Cloudは2026年10月31日に終了予定で、新規登録は受け付けていません。
主な機能
- 01Zodスキーマを使ってReactコンポーネントを登録し、エージェントが選択して描画できるようにします。
- 02LLMが生成するpropsをUIにストリーミングで渡します。
- 03一度限りの結果を表示する生成型コンポーネントと、状態を保持する対話型コンポーネントに対応します。
- 04ツール、プロンプト、サンプリングを含むMCPサーバーにHTTP経由で接続します。
- 05DOM操作や認証付きfetchなど、エージェントが呼び出せるブラウザ側ツールを定義できます。
- 06OpenAI、Anthropic、Gemini、Mistral、およびOpenAI互換プロバイダーに対応しています。
ユースケース
- 既存のReactアプリに、グラフやダッシュボードを表示するチャットアシスタントを追加する。
- ユーザーが自然言語で編集できるタスクボードやスプレッドシートを構築する。
- MCPサーバーを介して、アプリ内のAIアシスタントを社内ツールに接続する。
クイックスタート
- 1
Tambo CLI で新しいアプリのひな形を作成する
npm create tambo-app my-tambo-app - 2
プロジェクトフォルダーに移動する
cd my-tambo-app - 3
開発サーバーを起動する
npm run dev
使う前に知っておきたいこと
- Tambo Cloud は 2026 年 10 月 31 日に終了し、新規登録は受け付けていません。
- 自分で実行するには、独自のインフラ上で Docker を使うセルフホスティングガイドに従う必要があります。
- 対応プロバイダーの LLM API キーを各自で用意する必要があります。
トピック
よくある質問
- tambo とは?
- 生成UIとして独自のコンポーネントを描画・更新するAIエージェントを構築するための、オープンソースReactツールキット。 Tamboでは、Zodスキーマを使ってReactコンポーネントを登録できます。LLMエージェントがユーザーのリクエストに合うコンポーネントを選び、propsをストリーミングで渡して、アプリ内に結果を描画します。コンポーネントは、グラフや要約のような一度限りの出力にも、タスクボードやメモのように状態を保持し、ユーザーがリクエストを調整すると更新される対話型コンポーネントにもできます。
- tambo は無料で使えますか?ライセンスは?
- tambo は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- tambo は今もメンテナンスされていますか?
- 活発にメンテナンス中。tambo の最終コミットは 2026年10月21日 です。
- tambo は何に使えますか?
- 既存のReactアプリに、グラフやダッシュボードを表示するチャットアシスタントを追加する。 ユーザーが自然言語で編集できるタスクボードやスプレッドシートを構築する。 MCPサーバーを介して、アプリ内のAIアシスタントを社内ツールに接続する。
- tambo のインストール方法は?
- Tambo CLI で新しいアプリのひな形を作成する: npm create tambo-app my-tambo-app プロジェクトフォルダーに移動する: cd my-tambo-app 開発サーバーを起動する: npm run dev
- tambo はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/tambo-ai/tambo
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
React、Angular、Vue、チャットアプリで、生成UI、共有状態、人間が介在するフローを備えたエージェントネイティブアプリを構築するためのTypeScript SDK。
独自コンポーネントライブラリからLLMが描画可能なUIを生成する、OpenUI Langベースのフレームワーク非依存Generative UIツールキット。
AIエージェントやIDE、アプリを、事前定義ツールまたはカスタムツールでデータベースにつなぐオープンソースのMCPサーバー。
会話チャネルを横断して動作する、ツール、MCP、メモリ、RAG対応のエージェント型AIワークフローをYAMLで構築する自動化プラットフォーム。
Cursor、VS Code、Windsurf、Claude Desktopからのプロンプトを各種AIモデルに振り分けるローカルMCPサーバー