setup-tanstack-router

Installation
SKILL.md

Setup TanStack Router

What This Sets Up

  • generate:routes package.json script
  • PostToolUse hook (Write/Edit) that regenerates route tree when route files change
  • PostToolUse hook (Write/Edit) that catches routing anti-patterns:
    • Ban react-router-dom imports
    • Ban window.location for navigation (block) and reads (warn)
    • Warn on window.location.reload() — suggest router.invalidate()
    • Ban strict: false in router hooks
    • Ban untyped useParams(), useSearch(), useLoaderData(), useRouteContext() without { from }
    • Ban URLSearchParams — suggest nuqs
    • Warn on exported components from route files (breaks code splitting)
    • Require validateSearch when useSearch is used in route files

Steps

1. Add package.json script

Related skills
Installs
7
GitHub Stars
3
First Seen
Mar 25, 2026