mcpField
T
Tanstack Mcp

Tanstack Mcp

ローカル
github.com/gihanranganaAI・エージェント131 週間前に更新

Tanstack Mcp について

Tanstack Mcpは、TanStackエコシステムを扱うコーディングエージェント向けのMCPサーバーです。ドキュメント検索や取得、ライブラリの発見に加え、CLIによるプロジェクト作成と設定を支援します。

主な機能

  1. 01TanStack公式ドキュメントの検索
  2. 02Markdownガイド全文の取得
  3. 03ライブラリとエコシステムパートナーの発見
  4. 04TanStack Startプロジェクトの作成
  5. 05アドオン追加とバージョン固定

活用シーン

  1. 01コーディング中のTanStack API検索
  2. 02エージェントのチャットでガイド全文を読む
  3. 03TanStack Startプロジェクトの開始
  4. 04連携機能の追加やライブラリのバージョン固定

MCP 対応

TanStackのドキュメント、エコシステム検索、CLI操作をMCPクライアントやAIアシスタント向けのツールとして提供します。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
"mcpServers": {
"tanstack": {
"command": "docker",
"args": [
"run",
"-i",
"--rm",
"gihan92/tanstack-mcp:latest"
]
}
}
}
起動コマンドdocker run -i --rm gihan92/tanstack-mcp:latest

ローカルサーバーにはマシン上の実行環境(Node.js 18 以上など)が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
ocigihan92/tanstack-mcp:latest

ツール

ツール一覧はまだ取得されていません

ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。

詳細

TanStack MCP Server

🚀 AI コーディングエージェントと TanStack エコシステムをつなぐ究極のブリッジです。

公式品質の Model Context Protocol (MCP) サーバーです。TanStack CLI のあらゆる機能を AI アシスタントから直接利用できます。チャットを離れることなく、公式ドキュメントの検索、ライブラリの確認、ガイドの取得、新しいプロジェクトのスキャフォールディングを AI で行えます。


🌟 主な機能

  • API キー不要のドキュメント検索:API キーなしで公式 TanStack ドキュメント(Algolia バックエンド)を検索できます。
  • 全文ガイド:エコシステム内のあらゆるページの Markdown コンテンツをリアルタイムで取得できます。
  • プロジェクトのスキャフォールディング:AI の支援によるコマンドで、新しい TanStack Start アプリケーションを作成できます。
  • エコシステムの確認:16 以上のライブラリ、エコシステムパートナー(ホスティング、認証、DB)、バージョン情報を一覧表示できます。
  • CLI の機能:スキャフォールディング、アドオン、バージョン固定ツールに直接アクセスできます。

🛠️ ツールのリファレンス

ツール用途
search_tanstack_docsクエリ、ライブラリ、フレームワークのフィルターを使って、公式 TanStack ドキュメントを検索します。
fetch_tanstack_docドキュメントページの Markdown コンテンツ全体を取得します(例:router、guide/file-based-routing)。
list_tanstack_libraries公式 TanStack ライブラリ(Query、Router、Table、Form など)をすべて確認できます。
list_tanstack_ecosystemホスティング、認証、データベースなどのパートナーを確認できます。
create_tanstack_projectカスタムアドオン設定を使って、新しい TanStack Start プロジェクトを立ち上げます。
add_tanstack_addon既存のプロジェクトにアドオン(Tailwind、Clerk など)をインストールします。
pin_tanstack_versions安定性を保つため、package.json 内のすべての TanStack ライブラリのバージョンを固定します。

💻 設定

npx または Docker を使ってサーバーを実行できます。

方法 1:NPX(推奨)

MCP 設定ファイルに以下を追加します。

{
  "mcpServers": {
    "tanstack": {
      "command": "npx",
      "args": ["-y", "@gihan92/tanstack-mcp"]
    }

  }
}
方法 2:Docker

要件:Docker Desktop が起動している必要があります。

{
  "mcpServers": {
    "tanstack": {
      "command": "docker",
      "args": [
        "run",
        "-i",
        "--rm",
        "gihan92/tanstack-mcp:latest"
      ]
    }
  }
}

🚀 ローカル開発

サーバーに貢献する場合、またはローカルでテストする場合:

  1. リポジトリをクローンする:

    git clone https://github.com/your-username/tanstack-mcp.git
    cd tanstack-mcp
    
  2. 依存関係をインストールする:

    pnpm install
    
  3. 開発モードで実行する:

    pnpm dev
    
  4. 本番用にビルドする:

    pnpm build
    

📝 クレジットとライセンス

このサーバーは、公式の @tanstack/cli をラップしたものです。すべてのドキュメントとライブラリデータは TanStack の所有物です。

作者: gihan92

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。