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.

skills.sh installs: 7.2K
GitHub stars: 230
last updated: Aug 21, 2026

View on GitHub

Install

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

Installs into .claude/skills of the current project.

Files

TanStack Router Best Practices

Comprehensive guidelines for implementing TanStack Router patterns in React applications. These rules optimize type safety, data loading, navigation, and code organization.