·tanstack-query
</>

tanstack-query

thongdn-it/react-agent-skills

TanStack Query v5 performance optimization for data fetching, caching, mutations, and query patterns. This skill should be used when using useQuery, useMutation, queryClient, prefetch patterns, or TanStack Query caching. This skill does NOT cover generating query hooks from OpenAPI (use orval skill) or mocking API responses in tests (use test-msw skill).

5Installs·0Trend·@thongdn-it

Installation

$npx skills add https://github.com/thongdn-it/react-agent-skills --skill tanstack-query

SKILL.md

Comprehensive performance optimization guide for TanStack Query v5 applications. Contains 40 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.

| 1 | Query Key Structure | CRITICAL | tquery- | | 2 | Caching Configuration | CRITICAL | cache- | | 3 | Mutation Patterns | HIGH | mutation- | | 4 | Prefetching & Waterfalls | HIGH | prefetch- | | 5 | Infinite Queries | MEDIUM | infinite- | | 6 | Suspense Integration | MEDIUM | suspense- | | 7 | Error & Retry Handling | MEDIUM | error- |

| 8 | Render Optimization | LOW-MEDIUM | render- |

TanStack Query v5 performance optimization for data fetching, caching, mutations, and query patterns. This skill should be used when using useQuery, useMutation, queryClient, prefetch patterns, or TanStack Query caching. This skill does NOT cover generating query hooks from OpenAPI (use orval skill) or mocking API responses in tests (use test-msw skill). Source: thongdn-it/react-agent-skills.

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/thongdn-it/react-agent-skills --skill tanstack-query
Category
</>Dev Tools
Verified
First Seen
2026-02-01
Updated
2026-02-18

Quick answers

What is tanstack-query?

TanStack Query v5 performance optimization for data fetching, caching, mutations, and query patterns. This skill should be used when using useQuery, useMutation, queryClient, prefetch patterns, or TanStack Query caching. This skill does NOT cover generating query hooks from OpenAPI (use orval skill) or mocking API responses in tests (use test-msw skill). Source: thongdn-it/react-agent-skills.

How do I install tanstack-query?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/thongdn-it/react-agent-skills --skill tanstack-query Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/thongdn-it/react-agent-skills