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
- 01Router setup and type safety
- 02URL parameters and navigation
- 03Data loading and authentication
- 04SSR and build tooling
Use cases
- 01Designing typed routes and navigation
- 02Managing path and search parameters
- 03Adding route data loading and guards
- 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-routerAfter installing, type/tanstack-routerin Claude Code to confirm it loaded.
Bundled files
References and scripts installed along with SKILL.md.
.tanstack-product-skill.jsonLICENSEagents/openai.yamllicenses/a405ee70c632bb938acb7ac5f210e814409b3760ea9d2329d8ed8ffcfd11a0e7.txtreferences/additional-guidance.mddata-auth-errors.mdfoundations.mdframework-solid.mdframework-vue.mdreferences/assets/tanstack-router-core-search-params/references/validation-patterns.mdreferences/guides/tanstack-react-router-1780aa7e.mdtanstack-react-router-compositions-router-query-29f6886c.mdtanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--cleanup.mdtanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--code-splitting.mdtanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--common-mistakes.mdtanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--loaders.mdtanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--navigation.mdtanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--outlet.mdtanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--overview.mdtanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--path-params.mdtanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--pre-migration.mdtanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--quick-reference-api-mapping.mdtanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--route-definitions.mdtanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--search-params.mdtanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--uselocation-common-pitfall.mdtanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb.mdtanstack-router-core-3c7fd849.mdtanstack-router-core-auth-and-guards-fbf39499--common-mistakes.mdtanstack-router-core-auth-and-guards-fbf39499--core-patterns.mdtanstack-router-core-auth-and-guards-fbf39499--cross-references.mdDetails
From the project READMETanStack Router
Type-safe routing guidance for navigation, URL state, data loading, authentication, SSR, and framework adapters.
Workflow
- Inspect installed TanStack packages and exact versions.
- Read the foundation reference and the adapter reference for the detected framework.
- Topic references are indexes. Choose one guide or section for the task; follow its prerequisite links only when needed.
- Prefer installed package types and version-matched source guidance over memory.
- Preserve headless/core behavior when translating examples to a framework adapter.
Task routing
- Foundations — Router construction and type-safety.
- URLs and navigation — Path parameters, search parameters, and navigation.
- Data, authentication, and errors — Data loading, guards, not-found, and error boundaries.
- SSR and build tooling — SSR, code splitting, route generation, and build plugins.
- Solid adapter — Solid Router adapter guidance.
- Vue adapter — Vue Router adapter guidance.
- Additional official guidance — New official guidance that has not yet been assigned to a specialized topic.
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