DeckardGer/tanstack-agent-skills

Registry

Summary

A curated collection of best practices and skill definitions for TanStack Query, Router, and Start, designed to help AI coding agents generate more accurate and idiomatic code.

Key features

• Best-practice skill definitions for TanStack Query, Router, and Start
• Optimized for AI coding agents to produce idiomatic code
• Covers data fetching, routing, and full-stack patterns
• Community-driven and regularly updated

Use cases

• Guiding AI agents to write correct TanStack Query queries and mutations
• Helping agents implement TanStack Router navigation and layouts
• Enabling agents to scaffold TanStack Start full-stack applications
• Standardizing agent output for TanStack projects

README excerpt

# TanStack Agent Skills Comprehensive best practices for building applications with the TanStack ecosystem. These skills provide AI coding agents with structured guidelines for TanStack Query, TanStack Router, and TanStack Start. Skills follow the [Agent Skills](https://agentskills.io/) format. ## Available Skills ### [tanstack-query](./skills/tanstack-query/) Best practices for data fetching, caching, mutations, and server state management with TanStack Query (React Query). **Use when:** - Fetching or caching server data with `useQuery` or `useMutation` - Setting up React Query for a new project - Reviewing data fetching patterns for performance issues **32+ rules across 8 categories:** - Query Keys (CRITICAL) — Proper key structure and organization - Caching (CRITICAL) — staleTime, gcTime, and invalidation patterns - Mutations (HIGH) — Optimistic updates, error handling - Error Handling (HIGH) — Error boundaries, retry logic - Prefetching (MEDIUM) — Intent-based and route prefetching - Infinite Queries (MEDIUM) — Pagination patterns - SSR Integration (MEDIUM) — Hydration and dehydration - Performance (LOW) — Select transforms, memoization ### [tanstack-router](./skills/tanstack-router/) Best practices for type-safe routing, data loading, search params, and navigation with TanStack Router. **Use when:** - Setting up routing for a React app - Working with search params, loaders, or code splitting - Configuring type-safe navigation **30+ rules across 8 categories:** - Type Safety (CRITICAL) — Router registration, type narrowing - Route Organization (CRITICAL) — File-based routing, route trees - Data Loading (HIGH) — Loaders, Query integration - Search Params (HIGH) — Validation, type inheritance - Navigation (MEDIUM) — Link component, active states - Code Spli

Topics

No topics yet.