mcpField
T
tanstack-router

tanstack-router

github.com/lukasa1993Development171 installsUpdated today
Repository

About tanstack-router

A documentation skill for developers using TanStack Router. It directs framework-specific tasks to guidance on type-safe routing, URL state, data loading, authentication, SSR, and build tooling.

Key features

  1. 01Router setup and type safety
  2. 02URL parameters and navigation
  3. 03Data loading and authentication
  4. 04SSR and build tooling

Use cases

  1. 01Designing typed routes and navigation
  2. 02Managing path and search parameters
  3. 03Adding route data loading and guards
  4. 04Checking SSR or code-splitting guidance

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/lukasa1993/tanstack-skills-extracted --skill tanstack-router

After installing, type/tanstack-routerin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

.tanstack-product-skill.json
LICENSE
agents/
openai.yaml
licenses/
a405ee70c632bb938acb7ac5f210e814409b3760ea9d2329d8ed8ffcfd11a0e7.txt
references/
additional-guidance.md
data-auth-errors.md
foundations.md
framework-solid.md
framework-vue.md
references/assets/tanstack-router-core-search-params/references/
validation-patterns.md
references/guides/
tanstack-react-router-1780aa7e.md
tanstack-react-router-compositions-router-query-29f6886c.md
tanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--cleanup.md
tanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--code-splitting.md
tanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--common-mistakes.md
tanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--loaders.md
tanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--navigation.md
tanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--outlet.md
tanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--overview.md
tanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--path-params.md
tanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--pre-migration.md
tanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--quick-reference-api-mapping.md
tanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--route-definitions.md
tanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--search-params.md
tanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--uselocation-common-pitfall.md
tanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb.md
tanstack-router-core-3c7fd849.md
tanstack-router-core-auth-and-guards-fbf39499--common-mistakes.md
tanstack-router-core-auth-and-guards-fbf39499--core-patterns.md
tanstack-router-core-auth-and-guards-fbf39499--cross-references.md

Details

From the project README

TanStack Router

Type-safe routing guidance for navigation, URL state, data loading, authentication, SSR, and framework adapters.

Workflow

  1. Inspect installed TanStack packages and exact versions.
  2. Read the foundation reference and the adapter reference for the detected framework.
  3. Topic references are indexes. Choose one guide or section for the task; follow its prerequisite links only when needed.
  4. Prefer installed package types and version-matched source guidance over memory.
  5. Preserve headless/core behavior when translating examples to a framework adapter.

Task routing

Framework routing

  • React — detect @tanstack/react-router. Read Foundations. Shared guidance; check adapter-specific differences.
  • Solid — detect @tanstack/solid-router. Read Solid adapter.
  • Vue — detect @tanstack/vue-router. Read Vue adapter.

Product boundaries

Use these separate product skills when the task crosses their boundary: tanstack-start, tanstack-query.

See source provenance for exact upstream inputs and deduplication records.

Comments

Markdown supported