Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@TanStack MCP Serversearch the TanStack Query docs for cache invalidation examples"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
@g7aro/tanstack-mcp
MCP server that wraps the TanStack CLI to provide programmatic access to TanStack documentation, libraries, add-ons, ecosystem partners, and project scaffolding.
Built as a drop-in replacement after TanStack removed the built-in MCP server from @tanstack/cli.
Tools
Tool | Description |
| List all available TanStack Start add-ons for a given framework |
| Get detailed info about a specific add-on (files, deps, options, routes) |
| Scaffold a new TanStack Start app with add-ons and options |
| List all TanStack libraries with descriptions and links |
| Fetch the full content of a TanStack documentation page |
| Search across TanStack documentation |
| List TanStack ecosystem partners with optional filters |
Quick Install
Auto-detect installed AI clients and register the MCP server in one command:
npx @g7aro/tanstack-mcp --installThis will detect and configure all supported clients on your machine.
Options
npx @g7aro/tanstack-mcp --install # Interactive — pick which clients
npx @g7aro/tanstack-mcp --install --all # Install into all detected clients
npx @g7aro/tanstack-mcp --install cursor codex # Install into specific clients only
npx @g7aro/tanstack-mcp --uninstall # Remove from all clientsSupported clients
Client | Detection | Config method |
Claude Code |
|
|
Codex (OpenAI) |
|
|
Cursor |
|
|
Windsurf |
|
|
Trae |
|
|
Antigravity |
|
|
OpenCode |
|
|
Zed |
|
|
VS Code (Copilot) |
|
|
Manual Setup
If you prefer to configure manually, add to your client's MCP config:
{
"mcpServers": {
"tanstack": {
"command": "npx",
"args": ["-y", "@g7aro/tanstack-mcp"]
}
}
}Tools
Tool | Description |
| List all available TanStack Start add-ons for a given framework |
| Get detailed info about a specific add-on (files, deps, options, routes) |
| Scaffold a new TanStack Start app with add-ons and options |
| List all TanStack libraries with descriptions and links |
| Fetch the full content of a TanStack documentation page |
| Search across TanStack documentation |
| List TanStack ecosystem partners with optional filters |
Prerequisites
Node.js >= 18
npxavailable in PATH (ships with npm)
How it works
Each MCP tool maps to a @tanstack/cli command with --json output:
listTanStackAddOns -> tanstack create --list-add-ons --framework <f> --json
getAddOnDetails -> tanstack create --addon-details <id> --framework <f> --json
createTanStackApplication -> tanstack create <name> --framework <f> --add-ons <a,b> ...
tanstack_list_libraries -> tanstack libraries --json
tanstack_doc -> tanstack doc <library> <path> --json
tanstack_search_docs -> tanstack search-docs "<query>" --json
tanstack_ecosystem -> tanstack ecosystem --jsonThe server spawns npx @tanstack/cli for each invocation, parses the JSON output, and returns it through the MCP protocol over stdio.
Development
npm install
npm run build # compile TypeScript -> dist/
npm start # run the server (stdio)
npm run dev # watch modeLicense
MIT
This server cannot be installed
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.