Tanstack Skills
Official@tanstack-skills
Claude Code skills for https://tanstack.com/
Agent Skills by Tanstack Skills
Showing 14 vetted skills indexed across 1 GitHub repositories.
tanstack-table
Provide headless table primitives for building sortable, filterable data grids in JavaScript/TypeScript frameworks including React, Vue, Svelte, Angular, and others.
tanstack-query
Manage server-state with caching, refetching, and mutations across TS/JS frameworks.
tanstack-ranger
Provides headless utilities for building accessible range and multi slider UIs across major frameworks.
tanstack-cli
Scaffolds full-stack TanStack applications with integrations, templates, and MCP server support.
tanstack-config
Standardize JavaScript/TypeScript package builds, linting, and publishing in PNPM/Nx monorepos.
tanstack-store
Manage immutable reactive state with stores, derived values, and effects.
tanstack-db
Manage client-side data with normalized collections and live queries.
tanstack-ai
Provide a provider-agnostic, type-safe AI SDK with streaming and tool calling.
tanstack-pacer
Coordinate debouncing, throttling, rate limiting, queuing, and batching with TypeScript APIs.
tanstack-virtual
Virtualize large lists, grids, and tables with the useVirtualizer API.
tanstack-router
Create type-safe file-based routes with loaders for React and Solid apps.
tanstack-form
A modern UI toolkit for building complex applications with reusable, themeable, and accessible components. It simplifies development workflowsbf and ensures consistent, maintainable interfaces.
tanstack-devtools
Unify TanStack debugging and state inspection into an extensible devtools panel.
tanstack-start
Build server-rendered React apps with typed server functions and TanStack Router.
Frequently Asked Questions About Tanstack Skills
FAQPage SchemaWhat specific tasks can developers perform using these primitives?▼
Developers can implement complex data grids, manage asynchronous server-state caching, build accessible range sliders, and handle large-list virtualization. These primitives provide the underlying logic for routing, form handling, and reactive state management, allowing for highly customized, framework-agnostic interface development across React, Vue, Svelte, and Solid.
Which target personas benefit most from these technical primitives?▼
Frontend engineers and full-stack developers building high-performance web applications benefit most. These primitives are designed for those requiring strict type safety, normalized data handling, and efficient rendering performance in complex, data-heavy interfaces where standard component libraries often lack the necessary flexibility or performance optimizations.
What are the licensing and cost requirements for these packages?▼
All packages are released under the MIT license, making them free for both personal and commercial use. There are no proprietary costs or subscription requirements, as the ecosystem is maintained as open-source software, allowing for unrestricted integration into any production environment.
What are the primary prerequisites for integrating these packages?▼
Integration requires a project environment utilizing TypeScript and a supported framework such as React, Vue, Svelte, or Solid. Developers should have a package manager like PNPM installed and be familiar with modern module bundling practices to effectively utilize the provided configuration and build utilities.