Returns available add-ons for project scaffolding.
Parameters:
| Param | Type | Required | Description |
|---|---|---|---|
| framework | string | Yes | React or Solid |
Response:
interface AddOn {
id: string // e.g., "tanstack-query"
name: string // e.g., "TanStack Query"
description: string
type: string // "add-on", "toolchain", "deployment"
category: string // "tanstack", "auth", "database", etc.
link?: string // Documentation URL
warning?: string // Warning message for the add-on
exclusive?: string[] // Mutually exclusive add-ons
options?: object // Configurable options
dependsOn: string[] // Required add-ons
}
Returns detailed information about a specific add-on including implementation patterns, routes, dependencies, and documentation.
Parameters:
| Param | Type | Required | Description |
|---|---|---|---|
| framework | string | Yes | React or Solid |
| addOnId | string | Yes | The add-on ID (e.g., clerk, drizzle) |
Response:
interface AddOnDetails {
id: string
name: string
description: string
type: string
category: string
phase: string
modes: string[]
link?: string
warning?: string
exclusive?: string[]
dependsOn: string[]
options?: object
routes?: object[] // Route definitions
packageAdditions?: object // package.json additions
shadcnComponents?: string[] // Required shadcn components
integrations?: object[] // Integration configs
readme?: string // Add-on documentation
files: string[] // List of files in the add-on
author?: string
version?: string
license?: string
}
Creates a new TanStack Start project.
Parameters:
| Param | Type | Required | Default |
|---|---|---|---|
| projectName | string | Yes | - |
| targetDir | string | Yes | - |
| framework | string | Yes | - |
| cwd | string | Yes | - |
| addOns | string[] | No | [] |
| addOnOptions | object | No | {} |
Example:
{
"projectName": "my-app",
"targetDir": "/Users/me/projects/my-app",
"cwd": "/Users/me/projects",
"framework": "React",
"addOns": ["tanstack-query", "clerk"]
}
Use listTanStackAddOns to discover available add-ons and their configuration options.
Lists TanStack libraries with metadata, frameworks, and documentation URLs.
Parameters:
| Param | Type | Required | Description |
|---|---|---|---|
| group | string | No | Filter by group: state, headlessUI, performance, tooling |
Fetches a documentation page by library and path.
Parameters:
| Param | Type | Required | Description |
|---|---|---|---|
| library | string | Yes | Library ID (e.g., query, router, table) |
| path | string | Yes | Doc path (e.g., framework/react/overview) |
| version | string | No | Version (e.g., v5, v1). Defaults to latest |
Example:
{
"library": "router",
"path": "framework/react/guide/data-loading"
}
Searches TanStack documentation.
Parameters:
| Param | Type | Required | Description |
|---|---|---|---|
| query | string | Yes | Search query |
| library | string | No | Filter to specific library |
| framework | string | No | Filter to specific framework |
| limit | number | No | Max results (default: 10, max: 50) |
Browse ecosystem partners by category or library.
Parameters:
| Param | Type | Required | Description |
|---|---|---|---|
| category | string | No | Filter by category |
| library | string | No | Filter by TanStack library |
import { Client } from '@modelcontextprotocol/sdk/client/index.js'
import { StdioClientTransport } from '@modelcontextprotocol/sdk/client/stdio.js'
const transport = new StdioClientTransport({
command: 'npx',
args: ['@tanstack/cli', 'mcp']
})
const client = new Client({ name: 'my-client', version: '1.0.0' }, {})
await client.connect(transport)
// List available add-ons
const addOns = await client.callTool('listTanStackAddOns', {
framework: 'React'
})
// Search documentation
const results = await client.callTool('tanstack_search_docs', {
query: 'server functions',
library: 'start'
})
// Fetch a specific doc page
const doc = await client.callTool('tanstack_doc', {
library: 'router',
path: 'framework/react/guide/data-loading'
})
// Create a project
const result = await client.callTool('createTanStackApplication', {
projectName: 'my-app',
targetDir: '/path/to/my-app',
cwd: '/path/to',
framework: 'React',
addOns: ['tanstack-query']
})