Repolode
tambo-ai

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. 1

    Tambo CLI で新しいアプリのひな形を作成する

    npm create tambo-app my-tambo-app
  2. 2

    プロジェクトフォルダーに移動する

    cd my-tambo-app
  3. 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 の数値は毎日更新されます。

関連プロジェクト