About tanstack-query
TanStack Query is a skill providing version-matched guidance for managing server state with TanStack Query adapters. It helps developers route tasks by framework and consult installed package versions and types.
Key features
- 01Guidance for official framework adapters
- 02Query and mutation patterns
- 03Caching and optimistic updates
- 04SSR, persistence, and testing
- 05Version-aware task routing
Use cases
- 01Implementing optimistic updates
- 02Configuring framework-specific queries
- 03Preparing SSR or hydration
- 04Testing or migrating Query code
Install
Copy the command and run it in a terminal.
npx skills add https:/After installing, type/tanstack-queryin Claude Code to confirm it loaded.
Bundled files
References and scripts installed along with SKILL.md.
.tanstack-product-skill.jsonLICENSEagents/openai.yamllicenses/a405ee70c632bb938acb7ac5f210e814409b3760ea9d2329d8ed8ffcfd11a0e7.txtreferences/data-shaping.mdfoundations.mdframework-angular.mdframework-lit.mdframework-preact.mdframework-react.mdframework-solid.mdframework-svelte.mdframework-vue.mdframeworks-ui.mdreferences/examples/react-optimistic.tsxvue-reactivity.tsreferences/guides/query-docs-framework-angular-guides-mutations-md-87c5141f.mdquery-docs-framework-angular-guides-optimistic-updates-md-929e9dce.mdquery-docs-framework-angular-guides-queries-md-84dae94e.mdquery-docs-framework-angular-guides-query-keys-md-40f33b3a.mdquery-docs-framework-angular-guides-query-options-md-500ae26a.mdquery-docs-framework-angular-installation-md-c0c2b309.mdquery-docs-framework-angular-overview-md-6bd342f9.mdquery-docs-framework-angular-quick-start-md-cf2de3cd.mdquery-docs-framework-lit-guides-mutations-md-38f7fec7.mdquery-docs-framework-lit-guides-queries-md-7bbefb64.mdquery-docs-framework-lit-guides-query-keys-md-2f82e369.mdquery-docs-framework-lit-installation-md-e6a1af16.mdquery-docs-framework-lit-overview-md-bb5f419c.mdquery-docs-framework-lit-quick-start-md-2745312c.mdDetails
From the project READMETanStack Query
Server-state guidance for queries, mutations, caching, optimistic updates, SSR, persistence, testing, and all official adapters.
Start with release-matched adapter documentation. Query Intent draft guidance is preserved separately and must be checked against the installed version.
Workflow
- Inspect installed TanStack packages and exact versions.
- Open the installed adapter’s index or a common task below. Use draft task guides as supplementary guidance after checking their APIs against the release-matched adapter.
- Topic references are indexes. Choose one guide or section for the task; follow its prerequisite links only when needed.
- Prefer installed package types and version-matched source guidance over memory.
- Preserve headless/core behavior when translating examples to a framework adapter.
Task routing
- React adapter — Release-matched React setup, queries, and reactivity.
- Preact adapter — Release-matched Preact setup, queries, and reactivity.
- Vue adapter — Release-matched Vue setup, queries, and reactivity.
- Solid adapter — Release-matched Solid setup, queries, and reactivity.
- Svelte adapter — Release-matched Svelte setup, queries, and reactivity.
- Angular adapter — Release-matched Angular setup, queries, and reactivity.
- Lit adapter — Release-matched Lit setup, queries, and reactivity.
- Foundations — Client setup, keys, options, fetching, defaults, and abstractions.
- Mutations and cache updates — Mutations, invalidation, cancellation, and optimistic updates.
- Data shaping — Pagination, infinite queries, placeholders, selectors, and render efficiency.
- Frameworks and UI state — Adapter reactivity, status, errors, suspense, and devtools.
- Routing and SSR — Router composition, prefetching, hydration, and streaming.
- Offline and integrations — Persistence, broadcast, realtime, and form integration.
- Quality and migration — Lint rules, tests, and major-version migration.
Common tasks
Framework routing
- React — detect
@tanstack/react-query. Read React adapter. - Preact — detect
@tanstack/preact-query. Read Preact adapter. - Vue — detect
@tanstack/vue-query. Read Vue adapter. - Solid — detect
@tanstack/solid-query. Read Solid adapter. - Svelte — detect
@tanstack/svelte-query. Read Svelte adapter. - Angular — detect
@tanstack/angular-query-experimental. Read Angular adapter. - Lit — detect
@tanstack/lit-query. Read Lit adapter.
Adapter versions are listed on their guides. In particular, Svelte and Lit may use different major versions from Query Core. Draft task examples are not evidence that an API exists in another adapter.
Product boundaries
Use these separate product skills when the task crosses their boundary: tanstack-router, tanstack-start, tanstack-form.
Source status
Official documentation from TanStack/query, matched to these verified release inputs: @tanstack/[email protected], @tanstack/[email protected], @tanstack/[email protected], @tanstack/[email protected], @tanstack/[email protected], @tanstack/[email protected], @tanstack/[email protected], @tanstack/[email protected].
See source provenance for exact upstream inputs and deduplication records.