deckardger/tanstack-agent-skills
4 skills26.5k installs820 starsGitHub
Install
npx skills add https://github.com/deckardger/tanstack-agent-skillsSkills in this repo
1Tanstack Query Best PracticesTanStack Query React Query best practices for data fetching caching mutations and server state management Activate when building data-driven React applications with server state name tanstack-query-best-practices description TanStack Query React Query best practices for data fetching caching mutations and server state management Activate when building data-driven React applications with server state TanStack Query Best Practices Comprehensive guidelines for implementing TanStack Query React Query patterns in React applications These rules optimize data fetching caching mutations and server state synchronization When to Apply Creating new data fetching logic Setting up query configurations Implementing mutations and optimistic updates Configuring caching strategies Integrating with SSR SSG Refactoring existing data fetching code Rule Categories by Priority Priority Category Rules Impact CRITICAL Query Keys 5 rules Prevents cache bugs and data inconsistencies CRITICAL Caching 5 rules Optimizes performance and data freshness HIGH Mutations 6 rules Ensures data integrity and UI consistency HIGH Error Handling 3 rules Prevents poor user experiences MEDIUM Prefetching 4 rules Improves p.9.8kinstalls2Tanstack Start Best PracticesTanStack Start best practices for full-stack React applications Server functions middleware SSR authentication and deployment patterns Activate when building full-stack apps with TanStack Start name tanstack-start-best-practices description TanStack Start best practices for full-stack React applications Server functions middleware SSR authentication and deployment patterns Activate when building full-stack apps with TanStack Start TanStack Start Best Practices Comprehensive guidelines for implementing TanStack Start patterns in full-stack React applications These rules cover server functions middleware SSR authentication and deployment When to Apply Creating server functions for data mutations Setting up middleware for auth logging Configuring SSR and hydration Implementing authentication flows Handling errors across client server boundary Organizing full-stack code Deploying to various platforms Rule Categories by Priority Priority Category Rules Impact CRITICAL Server Functions 5 rules Core data mutation patterns CRITICAL Security 4 rules Prevents vulnerabilities HIGH Middleware 4 rules Request response handling HIGH Authentication 4 rules Secure user sessions MEDIUM API Routes.8.6kinstalls3Tanstack Router Best PracticesThe tanstack-router-best-practices skill delivers comprehensive guidelines for implementing TanStack Router in React applications with emphasis on type safety, data loading, navigation, and route organization. Apply when setting up application routing, creating routes and layouts, implementing search parameter handling, configuring data loaders, enabling code splitting, integrating TanStack Query, or refactoring navigation patterns. Rule categories span CRITICAL type safety and route organization, HIGH router config, data loading, search params, and error handling, plus MEDIUM navigation, code splitting, and preloading, and LOW route context dependency injection. Quick reference prefixes include ts for global router inference and route context typing, org for file-based routing and pathless layouts, load for loaders with loaderDeps, ensureQueryData, deferred data, and parallel loading, search for validated params with middleware and serializers, nav for Link components and route masks, split for lazy routes and autoCodeSplitting, preload for intent-based loading, and ctx for root context injection. Each rule file documents explanation, bad examples, good examples, and contextual w.5.8kinstalls4Tanstack Integration Best PracticesGuidelines for integrating TanStack Query Router and Start together effectively These patterns ensure optimal data flow caching coordination and type safety across the stack Setting up a new TanStack Start project Integrating TanStack Query with TanStack Router Configuring SSR with query hydration Coordinating caching between router and query Setting up type safe data fetching patterns Priority Category Rules Impact CRITICAL Setup 3 rules Foundational configuration CRITICAL SSR Integration 1 rule Router Query SSR setup HIGH Data Flow 4 rules Correct data fetching patterns MEDIUM Caching 3 rules Performance optimization MEDIUM SSR 2 rules Additional SSR patterns setup query client context Pass QueryClient through router context setup provider wrapping Correctly wrap with QueryClientProvider setup stale time coordination Coordinate staleTime between router and query flow loader query pattern Use loaders with ensureQueryData flow suspense query component Use useSuspenseQuery in components flow mutations invalidation Coordinate mutations with query invalidation flow server functions queries Use server functions for query functions2.3kinstalls