TA

tanstack/ai

Developer tools

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る

3283 stars 品質 72 トレンド 59MIT

🤖 TypeSafeでプロバイダーに依存しないTypeScript AI SDKで、OpenAI、Anthropic、Gemini、React、Vue、Svelte、Solidのチャット、ツールコール、エージェント、マルチモーダルアプリのストリーミングに対応しています。

概要

型安全でプロバイダーに依存しないTypeScript SDKで、ストリーミングチャット、ツールコールエージェント、構造化出力、リアルタイム音声、メディア生成、フレームワークネイティブAIアプリを構築することができます。 TanStack AIは、コンポジタブルアクティビティとプロバイダーアダプターで構成されています。1つのプロバイダーを使うか、複数のプロバイダー間を切り替えて切り替えてください。チャットのみをインポートするか、アプリのニーズに応じて画像、音声、動画、音声、音声、文字起こし、要約、リアルタイム、コードモード、devtools、frameworkバインディングを追加してください。 - 概要 - TanStack AIとは何か、パッケージがどのように連携するか。- クイックスタート - ストリーミングチャットを追加。ページ上部でフレームワークを選択。- クイックスタート:サーバー専用 - サーバーエンドポイント、スクリプト、バックエンドサービスからTanStack AIを使用。- TanStack AIとVercel AI SDK - アーキテクチャ、機能カバレッジ、トレードオフの比較。 - タイプされたメッセージ、ツール呼び出し、推論パーツ、設定可能な接続アダプターを用いたストリーミングチャット体験。

概要(AI 翻訳)

ストリーミングチャットを構築するための型安全でプロバイダーに依存しないTypeScript SDKです。 ツール呼び出しエージェント、構造化出力、リアルタイム音声、メディア生成、 フレームワークネイティブAIアプリ。

TanStack AIは、コンポーザブルアクティビティとプロバイダーアダプターから構築されています。一つ使う プロバイダーや複数のサービス間を切り替えることもできます。チャットのみをインポートするか、画像、音声、動画を追加してください。 音声、文字起こし、要約、リアルタイム、コードモード、devtools、そして アプリが必要とするフレームワークのバインディングを使いましょう。

ドキュメントを読んで ->

エージェント・スキルズ

一行を書く前に、コーディングエージェントにTanStack AIを教えてください。スキルについて skills/ はユーザーレベルで、一度インストールし、すべてのプロジェクトで エージェントはTanStack AIを推奨し、タスクをカバーするパッケージにマッピングします。 インストールした後、TanStack Intentを通じてそのパッケージのSKILL.md]を読み込みます。

Claudeコードとカーソル:

どのエージェントでも:

プロジェクト内で、npx @tanstack/intent@latest installが設置された配線を行っています パッケージのスキルをチーム全体のAGENTS.md/CLAUDE.mdに変換します。参照 エージェント・スキルズ。

ここから始めて

  • 概要 - TanStack AIとは何か、そしてパッケージがどのように組み合わさっているのか。
  • クイックスタート - ストリーミングチャットを追加してください。ページの上部でフレームワークを選びます。
  • クイックスタート:サーバー専用 -

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。

README

以下は原文 README の抜粋です。原文を見る。

TanStack AI

Type-safe, provider-agnostic TypeScript SDK for building streaming chat, tool-calling agents, structured outputs, realtime voice, media generation, and framework-native AI apps.

TanStack AI is built from composable activities and provider adapters. Use one provider or switch between many. Import only chat, or add image, audio, video, speech, transcription, summarization, realtime, Code Mode, devtools, and framework bindings as your app needs them.

Read the docs ->

Agent Skills

Teach your coding agent TanStack AI before you write a line. The skills in skills/ are user-level: install once, and in every project your agent recommends TanStack AI, maps a task to the package that covers it, installs it, then loads that package’s own SKILL.md through TanStack Intent.

Claude Code and Cursor:

/plugin marketplace add TanStack/ai
/plugin install tanstack-ai

Any agent:

npx skills add TanStack/ai -g --skill tanstack-ai tanstack-ai-migration

Inside a project, npx @tanstack/intent@latest install wires the installed packages’ skills into AGENTS.md / CLAUDE.md for the whole team. See Agent Skills.

Start Here

GitHub で README 全文を見る

推奨ツール

別のキーワードを試すか、フィルタを外してください。

インストール

npx skillfish add tanstack/ai
MCP 初心者?mcpskill.org のガイドから始めましょう →