Repolode
TanStack

TanStack/ai

主要なLLMプロバイダーやUIフレームワークに対応した、ストリーミングチャット、ツール呼び出し、エージェント、マルチモーダルアプリ向けの型安全でプロバイダー非依存なTypeScript SDK。

代替できる製品:Vercel AI SDK

スター
3,337
フォーク
386
未解決の Issue
35
最終コミット
21 時間前

これは何?

TanStack AIは、WebアプリやバックエンドサービスにAI機能を組み込むためのTypeScript SDKです。チャット、画像、音声、動画、音声合成、文字起こし、要約などの機能を、組み合わせ可能なアクティビティとして提供するため、必要なものだけをインポートできます。OpenAI、Anthropic、Gemini、Ollama、Groq、OpenRouter、Cloudflare Workers AI、fal.aiなどに対応するプロバイダーアダプターを備えており、簡単に切り替えられるよう設計されています。

React、Solid、Vue、Svelte、Preact向けのフレームワークバインディングに加え、独自のランタイム向けのヘッドレスクライアントも提供します。ツールは共通スキーマを使って一度定義すれば、入出力の型を揃えたままサーバーまたはクライアントで実行できます。構造化出力では、JSON Schema、Zod、ArkType、Valibotのスキーマを利用できます。

また、リアルタイム音声チャット、モデルがTypeScriptを書いて隔離されたサンドボックス内で実行するCode Mode機能、ミドルウェアフック、devtools、OpenTelemetryトレーシングも備えています。

主な機能

  • 01型付きメッセージ、ツール呼び出し、推論パートに対応したストリーミングチャット。
  • 02サーバーまたはクライアントのどちらでも実行できる、共通のツール定義。
  • 03Zod、ArkType、Valibot、またはJSON Schemaで検証する構造化出力。
  • 04OpenAI、Anthropic、Geminiなど、多数のプロバイダーに対応したTree-shake可能なアダプター。
  • 05React、Solid、Vue、Svelte、Preact向けのフレームワークフック。
  • 06メッセージやツール呼び出しを確認できるOpenTelemetryトレースとdevtools。

ユースケース

  • ReactやVueのWebアプリにストリーミングAIチャットパネルを追加する。
  • アプリケーションのデータベースを検索する型付きツールをLLMに提供する。
  • スキーマを使って、モデルの応答から型付きJSONを抽出する。
  • 実行時にモデルを切り替えられる、マルチプロバイダー対応のAIバックエンドを構築する。

クイックスタート

  1. 1

    コアパッケージとOpenAIアダプターをインストールします

    pnpm add @tanstack/ai @tanstack/ai-openai
  2. 2

    chat関数とtoServerSentEventsResponseを使って、ストリーミングチャットエンドポイントを追加します

使う前に知っておきたいこと

  • 多くの機能(リアルタイム、Code Mode、メディア生成)は対象範囲が広く、コアチャットほど成熟していない場合があります。

収録されている特集

トピック

よくある質問

ai とは?
主要なLLMプロバイダーやUIフレームワークに対応した、ストリーミングチャット、ツール呼び出し、エージェント、マルチモーダルアプリ向けの型安全でプロバイダー非依存なTypeScript SDK。 TanStack AIは、WebアプリやバックエンドサービスにAI機能を組み込むためのTypeScript SDKです。チャット、画像、音声、動画、音声合成、文字起こし、要約などの機能を、組み合わせ可能なアクティビティとして提供するため、必要なものだけをインポートできます。OpenAI、Anthropic、Gemini、Ollama、Groq、OpenRouter、Cloudflare Workers AI、fal.aiなどに対応するプロバイダーアダプターを備えており、簡単に切り替えられるよう設計されています。
ai は無料で使えますか?ライセンスは?
ai は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
ai は今もメンテナンスされていますか?
活発にメンテナンス中。ai の最終コミットは 2026年11月6日 です。
ai は何に使えますか?
ReactやVueのWebアプリにストリーミングAIチャットパネルを追加する。 アプリケーションのデータベースを検索する型付きツールをLLMに提供する。 スキーマを使って、モデルの応答から型付きJSONを抽出する。 実行時にモデルを切り替えられる、マルチプロバイダー対応のAIバックエンドを構築する。
ai のインストール方法は?
コアパッケージとOpenAIアダプターをインストールします: pnpm add @tanstack/ai @tanstack/ai-openai chat関数とtoServerSentEventsResponseを使って、ストリーミングチャットエンドポイントを追加します
ai はどこで入手できますか?
ソースコードとインストール手順は GitHub にあります:https://github.com/TanStack/ai

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト