Does it support programmatic route configuration?

Yes, it covers Virtual File Routes (v1.140+) for cases where standard file-based conventions do not fit your project's specific needs.

What common errors does this skill prevent?

It addresses over 20 documented issues, including devtools dependency resolution, missing type registrations, and structured error loss in server functions.

Does it support TanStack Query integration?

Absolutely. It includes best practices for prefetching and caching data within route loaders using the QueryClient for a seamless user experience.

Can I use Zod for search parameter validation with this skill?

Yes, the skill provides specific patterns and adapters for Zod to ensure your URL parameters are validated at runtime and correctly typed in your components.

How does this skill help with Vite configuration?

It ensures the TanStack Router Vite plugin is positioned correctly before the React plugin, preventing common route generation failures during the build process.

TanStack Router Navigation

Name: TanStack Router Navigation
Author: evolv3ai

byevolv3ai

0•

개발자 도구

Implements type-safe, file-based React routing with TanStack Router, ensuring robust data loading and error handling.

This skill enables Claude to architect and debug advanced routing systems using TanStack Router for React applications. It provides standardized patterns for file-based routing, seamless TanStack Query integration, and type-safe search parameter validation using Zod. By incorporating fixes for over 20 documented edge cases—including Vite plugin ordering, SSR streaming crashes, and search param type inference—it helps developers build production-ready SPAs that are resilient to common routing pitfalls and deployment issues.

주요 기능

01Runtime search parameter validation using the Zod adapter

02Type-safe navigation with auto-completing routes and parameters

03Route-level data loading and TanStack Query cache integration

04Advanced error boundary and authentication middleware patterns

05Automated file-based routing setup and Vite plugin configuration

060 GitHub stars

사용 사례

01Implementing type-safe URL search parameters for filtering and pagination

02Building complex React SPAs with deeply nested layouts and typed params

03Troubleshooting Vite build errors or route-generation issues in TanStack projects

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add evolv3ai/claude-skills-archive tanstack-router

For use in Claude.ai and ChatGPT

Download Skill