setup-tanstack-router
Setup TanStack Router
What This Sets Up
generate:routespackage.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-domimports - Ban
window.locationfor navigation (block) and reads (warn) - Warn on
window.location.reload()— suggestrouter.invalidate() - Ban
strict: falsein 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
validateSearchwhenuseSearchis used in route files
- Ban
Steps
1. Add package.json script
More from malinskibeniamin/skills
setup-react-rules
Enforce React/TS/security rules via PostToolUse hooks — bans raw HTML, TS escape hatches, XSS vectors, barrel imports, missing passive listeners. Use when enforcing React patterns or component library standards.
9setup-react-compiler
Install React Compiler with rsbuild and enforce compiler-friendly patterns via PostToolUse hooks. Flags manual memoization, derived state, useRef cache. Use when setting up React Compiler or post-compiler patterns.
9setup-biome
Install Biome linter with Ultracite preset, create biome.jsonc config, and configure Claude Code Stop hook for auto-fix before finishing. Use when setting up linting, formatting, Biome, Ultracite, or code quality enforcement.
9setup-quality-gate
Add quality:gate package.json script for fast local/CI quality checks (biome + tsgo + related tests), GitHub Actions workflow, and Stop hook for type checking. Use when setting up quality gates, CI pipelines, or pre-push validation.
9setup-connect-query
Enforce ConnectRPC + Connect Query + Protobuf v2 patterns via PostToolUse hooks. Bans raw useQuery, empty invalidateQueries, $typeName literals. Use when setting up ConnectRPC, protobuf type safety, or data fetching enforcement.
8work-automation-kit
Install planning and project management skills — PRD creation, implementation planning, issue breakdown, bug triage, code review. Use when setting up project planning workflows or creating PRDs.
8