Tanstack Router
If you're building a React SPA and want type safety all the way through your routing layer, this is the TanStack Router skill. It covers file-based routing with auto-generated types, route loaders that integrate with TanStack Query, and Zod adapters for search param validation. The real value is in the error prevention catalog: 20 documented gotchas including Vite plugin ordering, devtools resolution issues, SSR streaming crashes, and Docker prerender hangs. Use it when you're setting up a new router or migrating from React Router and want to avoid the sharp edges. The skill also handles virtual file routes for when the file-based conventions don't fit your project structure.
- skills.sh installs
- 544
- GitHub stars
- 1.1K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add jezweb/claude-skills --skill tanstack-router --agent claude-codeInstalls into .claude/skills of the current project.
Files
If you're building a React SPA and want type safety all the way through your routing layer, this is the TanStack Router skill. It covers file-based routing with auto-generated types, route loaders that integrate with TanStack Query, and Zod adapters for search param validation. The real value is in the error prevention catalog: 20 documented gotchas including Vite plugin ordering, devtools resolution issues, SSR streaming crashes, and Docker prerender hangs. Use it when you're setting up a new router or migrating from React Router and want to avoid the sharp edges. The skill also handles virtual file routes for when the file-based conventions don't fit your project structure.
Browse the repository on GitHubSponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/jezweb/claude-skills
- Categories
- Frontend Development, DevOps & CI/CD, Debugging
More from jezweb/claude-skills
All 166- Seo Meta540
- Brains Trust535
- Firecrawl Scraper518
- Ai Sdk Ui517
- Accessibility505
- Playwright Local505
- Skill Creator502
- Tanstack Table502
- Ai Sdk Core479
- Tiptap478
- Walkthrough Video473
- Agent Browser469
- Google Gemini Api467
- Openai Api465
- Cloudflare R2462
- Web Design Patterns461
- Better Auth434
- Google Workspace428
- Icon Design428
- Firebase Firestore426
- Flask426
- Office422
- Claude Agent Sdk415
- Cloudflare D1408
Recommended
More Frontend Development
xstateseed-hypermedia/seedUse when designing, implementing, reviewing, or migrating XState v5 state machines, statecharts, actors, invoked services, @xstate/react hooks, or Stately diagr541skills.sh installs
primevuekindy/skillsSetup and use PrimeVue UI component library in Vue/Vite projects with auto-import, theming, and component configuration. Use when working with PrimeVue componen536skills.sh installs
web-animation-designconnorads/dotfilesDesign and implement web animations that feel natural and purposeful. Use this skill proactively whenever the user asks questions about animations, motion, easi521skills.sh installs
ai-sdk-uijezweb/claude-skillsBuild React chat interfaces with Vercel AI SDK v6. Covers useChat/useCompletion/useObject hooks, message parts structure, tool approval workflows, and 18 UI err517skills.sh installs
mjml-email-templatesaaronontheweb/dotnet-skillsBuild responsive email templates using MJML markup language. Compiles to cross-client HTML that works in Outlook, Gmail, and Apple Mail. Includes template rende513skills.sh installs
starter-kit-upgradelaravel/agent-skillsSelectively pull upstream improvements from a Laravel starter kit (laravel/vue-starter-kit, laravel/react-starter-kit, laravel/svelte-starter-kit, laravel/livew512skills.sh installs