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

1. Keep the route module focused: UI + data wiring only.
2. Validate params/search params with Zod at the boundary.
3. Prefer route-level data loading over ad-hoc fetching in components.
4. Do not edit the generated route tree: src/routeTree.gen.ts.
5. If navigation changes, ensure links and loaders stay consistent.

Tooling

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