Tanstack Router Best Practices

This is a comprehensive rule set for TanStack Router covering everything from type safety and file-based routing to search param validation and code splitting. It's organized into 10 categories with 36 specific rules, each with anti-patterns and recommended implementations. Use this when you're setting up routing in a React app and want to avoid common mistakes around type inference, data loading patterns, and navigation. The rule prefixes make it easy to scan (ts- for type safety, load- for data loading, etc). Honestly, this is the kind of reference you'll appreciate three months in when your route tree gets complicated and you need to remember why loaderDeps matter or how to properly handle search param inheritance.

Install to Claude Code

npx -y skills add deckardger/tanstack-agent-skills --skill tanstack-router-best-practices --agent claude-code