Agent skill · software engineering · pedronauck
tanstack
Implement React data, routes, or forms with TanStack. Covers Query, Router, and Form; excludes Start, DB, and unrelated state or routing libraries.
Why this skill is useful
Provides specific patterns and best practices for using TanStack Query, Router, and Form in React that the AI wouldn't reliably generate on its own.
What it needs
About 1k tokens when loaded. Last updated 2026-08-01. 564 stars on the source repository.
What this skill does
TanStack Read the reference matched by the API or behavior being changed. Load adjacent references only for concerns the change crosses; reuse relevant context already read. Branches When you are… Reference --- --- Defining or changing query keys / factories references/query-keys.md Setting staleTime, gcTime, invalidation, placeholder/initial data references/query-caching.md Writing mutations, optimistic updates, or mutation state references/query-mutations.md Prefetching, parallel queries, infinite queries, or cancellation references/query-fetch-patterns.md SSR dehydrate/hydrate, offline networkMode, or query persistence references/query-ssr-offline.md Query error boundaries or select/performance references/query-errors-performance.md Registering the router, from typing, virtual routes, or router defaults references/router-type-and-org.md Route loaders, ensureQueryData, or parallel route loading references/router-data-loading.md Search params, Link/navigate, route masks, or preload references/router-search-nav.md Lazy routes, not-found, route context, or auth beforeLoad references/router-split-errors-context.md TanStack Form hooks, Zod validators, or field components references/form.md Apply the technical rules relevant to the changed behavior. Tripwires Query — array keys that include every dependency; reconcile mutations through canonical keys: update from authoritative responses or invalidate when the owning read model requires a server reread; optimistic cache writes need rollback; never put non-serializable values in keys. Router — register the router type; validate search with defaults (.catch()); use ensureQueryData in loaders when pairing with Query; throw redirect(...) not return. Form — complete defaultValues for inference; Zod at form/field level; debounce async validators to fit endpoint cost and interaction needs; role="alert" on field errors; preventDefault on submit.
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills pedronauck/tanstack