MCP Server

MCP Tools Reference

Project Creation Tools

listTanStackAddOns

Returns available add-ons for project scaffolding.

Parameters:

ParamTypeRequiredDescription
frameworkstringYesReact or Solid

Response:

typescript
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
}

getAddOnDetails

Returns detailed information about a specific add-on including implementation patterns, routes, dependencies, and documentation.

Parameters:

ParamTypeRequiredDescription
frameworkstringYesReact or Solid
addOnIdstringYesThe add-on ID (e.g., clerk, drizzle)

Response:

typescript
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
}

createTanStackApplication

Creates a new TanStack Start project.

Parameters:

ParamTypeRequiredDefault
projectNamestringYes-
targetDirstringYes-
frameworkstringYes-
cwdstringYes-
addOnsstring[]No[]
addOnOptionsobjectNo{}

Example:

json
{
  "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.


Documentation Tools

tanstack_list_libraries

Lists TanStack libraries with metadata, frameworks, and documentation URLs.

Parameters:

ParamTypeRequiredDescription
groupstringNoFilter by group: state, headlessUI, performance, tooling

tanstack_doc

Fetches a documentation page by library and path.

Parameters:

ParamTypeRequiredDescription
librarystringYesLibrary ID (e.g., query, router, table)
pathstringYesDoc path (e.g., framework/react/overview)
versionstringNoVersion (e.g., v5, v1). Defaults to latest

Example:

json
{
  "library": "router",
  "path": "framework/react/guide/data-loading"
}

tanstack_search_docs

Searches TanStack documentation.

Parameters:

ParamTypeRequiredDescription
querystringYesSearch query
librarystringNoFilter to specific library
frameworkstringNoFilter to specific framework
limitnumberNoMax results (default: 10, max: 50)

tanstack_ecosystem

Browse ecosystem partners by category or library.

Parameters:

ParamTypeRequiredDescription
categorystringNoFilter by category
librarystringNoFilter by TanStack library

Programmatic Usage

typescript
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']
})