TanStack Router Skill

When to use

• Adding or modifying any file in src/routes/* .

• Working with route params, search params, route loaders, redirects.

Workflow checklist

• Keep the route module focused: UI + data wiring only.

• Validate params/search params with Zod at the boundary.

• Prefer route-level data loading over ad-hoc fetching in components.

• Do not edit the generated route tree: src/routeTree.gen.ts .

• If navigation changes, ensure links and loaders stay consistent.

Tooling

• Use TanStack MCP for Router APIs, loaders, and route config patterns.