tanstack

Generated source view for the actual executable engineering/tanstack skill. The durable routing article is Cloud, Data, and Service Skills. Source: skills/engineering/tanstack/SKILL.md

Runtime Source

Bundled Resources

These files are part of the executable skill folder and must be preserved with the skill source.

Description

Use for TanStack library work: Query, Router, Start, Table, Form, Store, DB, Virtual, Pacer, Ranger, Devtools, Config, CLI, AI, and integration best practices. Verify installed package versions before applying examples.

Skill Source

---
name: tanstack
description: >-
  Use for TanStack library work: Query, Router, Start, Table, Form, Store, DB, Virtual, Pacer,
  Ranger, Devtools, Config, CLI, AI, and integration best practices. Verify installed package
  versions before applying examples.
origin: personal
source_slug: tanstack
merged_skill_router: true
---

# TanStack

Use this as the single executable router for TanStack work.

## Routing

- Route by product package first: Query, Router, Start, Table, Form, Store, DB, Virtual, Pacer, Ranger, Devtools, Config, CLI, or AI.
- Load best-practice references when the task is architecture, review, migration, or integration rather than API lookup.
- Validate with typecheck, tests, and browser behavior because TanStack is a library ecosystem, not a control-plane service.

## Reference Loading

Load one folded reference at a time. Prefer the most specific reference that matches the user's named service, framework, command, or error. If no folded reference matches, use the router guidance here and verify with primary docs or local project state.

<!-- folded-skills:auto:start -->
## Folded Skill References

These former standalone skills are bundled here as references to keep the runtime list compact. Load only the reference that matches the user's exact product, framework, or failure mode.

| Former skill | Reference | Description |
| --- | --- | --- |
| `tanstack-ai` | [`references/skills/tanstack-ai/SKILL.md`](references/skills/tanstack-ai/SKILL.md) | Provider-agnostic, type-safe AI SDK for streaming, tool calling, structured output, and multimodal content. |
| `tanstack-cli` | [`references/skills/tanstack-cli/SKILL.md`](references/skills/tanstack-cli/SKILL.md) | Project scaffolding CLI with 30+ integrations, custom templates, and MCP server for AI agents. |
| `tanstack-config` | [`references/skills/tanstack-config/SKILL.md`](references/skills/tanstack-config/SKILL.md) | Opinionated toolkit for building, versioning, and publishing high-quality JavaScript/TypeScript packages. |
| `tanstack-db` | [`references/skills/tanstack-db/SKILL.md`](references/skills/tanstack-db/SKILL.md) | Reactive client-first store for your API with collections, live queries, and optimistic mutations. |
| `tanstack-devtools` | [`references/skills/tanstack-devtools/SKILL.md`](references/skills/tanstack-devtools/SKILL.md) | Centralized, extensible devtools panel for TanStack libraries with a plugin architecture. |
| `tanstack-form` | [`references/skills/tanstack-form/SKILL.md`](references/skills/tanstack-form/SKILL.md) | Headless, performant, and type-safe form state management for TS/JS, React, Vue, Angular, Solid, Lit, and Svelte. |
| `tanstack-integration-best-practices` | [`references/skills/tanstack-integration-best-practices/SKILL.md`](references/skills/tanstack-integration-best-practices/SKILL.md) | Best practices for integrating TanStack Query with TanStack Router and TanStack Start. Patterns for full-stack data flow, SSR, and caching coordination. |
| `tanstack-pacer` | [`references/skills/tanstack-pacer/SKILL.md`](references/skills/tanstack-pacer/SKILL.md) | Framework-agnostic debouncing, throttling, rate limiting, queuing, and batching utilities. |
| `tanstack-query` | [`references/skills/tanstack-query/SKILL.md`](references/skills/tanstack-query/SKILL.md) | Powerful asynchronous state management, server-state utilities, and data fetching for TS/JS, React, Vue, Solid, Svelte & Angular. |
| `tanstack-query-best-practices` | [`references/skills/tanstack-query-best-practices/SKILL.md`](references/skills/tanstack-query-best-practices/SKILL.md) | 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-ranger` | [`references/skills/tanstack-ranger/SKILL.md`](references/skills/tanstack-ranger/SKILL.md) | Headless utilities for building range and multi-range sliders in TS/JS, React, Vue, Solid, Svelte & Angular. |
| `tanstack-router` | [`references/skills/tanstack-router/SKILL.md`](references/skills/tanstack-router/SKILL.md) | Type-safe routing for React and Solid applications with first-class search params, data loading, and seamless integration with the React ecosystem. |
| `tanstack-router-best-practices` | [`references/skills/tanstack-router-best-practices/SKILL.md`](references/skills/tanstack-router-best-practices/SKILL.md) | TanStack Router best practices for type-safe routing, data loading, search params, and navigation. Activate when building React applications with complex routing needs. |
| `tanstack-start` | [`references/skills/tanstack-start/SKILL.md`](references/skills/tanstack-start/SKILL.md) | Full-stack React framework powered by TanStack Router with SSR, streaming, server functions, and deployment to any hosting provider. |
| `tanstack-start-best-practices` | [`references/skills/tanstack-start-best-practices/SKILL.md`](references/skills/tanstack-start-best-practices/SKILL.md) | 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-store` | [`references/skills/tanstack-store/SKILL.md`](references/skills/tanstack-store/SKILL.md) | Framework-agnostic, immutable reactive data store with framework adapters for React, Vue, Solid, Angular, and Svelte. |
| `tanstack-table` | [`references/skills/tanstack-table/SKILL.md`](references/skills/tanstack-table/SKILL.md) | Headless UI for building powerful tables & datagrids for TS/JS, React, Vue, Solid, Svelte, Qwik, Angular, and Lit. |
| `tanstack-virtual` | [`references/skills/tanstack-virtual/SKILL.md`](references/skills/tanstack-virtual/SKILL.md) | Headless UI for virtualizing large element lists at 60FPS in TS/JS, React, Vue, Solid, Svelte, Lit & Angular. |
<!-- folded-skills:auto:end -->
## Related Skills

- `find-skills` for upstream skill discovery before adding new children
- `skill-creator` for pruning or extending this router

---

Timeline

• 2026-07-15 | Generated a browseable source page from the actual executable skill file. Source: skills/engineering/tanstack/SKILL.md