Tanstack Skills avatar

Tanstack Skills

Official

@tanstack-skills

0Followers
|
1Public Repos
|
14Published Skills

Claude Code skills for https://tanstack.com/

Skills Distribution
DomainDeveloper To...Frontend State Man.. (40%)Routing & Navigation (20%)Data Grid & Virtua.. (20%)Build & Configurat.. (20%)

Agent Skills by Tanstack Skills

Showing 14 vetted skills indexed across 1 GitHub repositories.

tanstack-skillstanstack-skills
29

tanstack-table

Provide headless table primitives for building sortable, filterable data grids in JavaScript/TypeScript frameworks including React, Vue, Svelte, Angular, and others.

Official
Advanced
tanstack-skillstanstack-skills
29

tanstack-query

Manage server-state with caching, refetching, and mutations across TS/JS frameworks.

Official
Intermediate
tanstack-skillstanstack-skills
29

tanstack-ranger

Provides headless utilities for building accessible range and multi slider UIs across major frameworks.

Official
Intermediate
tanstack-skillstanstack-skills
29

tanstack-cli

Scaffolds full-stack TanStack applications with integrations, templates, and MCP server support.

Official
Advanced
tanstack-skillstanstack-skills
29

tanstack-config

Standardize JavaScript/TypeScript package builds, linting, and publishing in PNPM/Nx monorepos.

Official
Advanced
tanstack-skillstanstack-skills
29

tanstack-store

Manage immutable reactive state with stores, derived values, and effects.

Official
Intermediate
tanstack-skillstanstack-skills
29

tanstack-db

Manage client-side data with normalized collections and live queries.

Official
Advanced
tanstack-skillstanstack-skills
29

tanstack-ai

Provide a provider-agnostic, type-safe AI SDK with streaming and tool calling.

Official
Advanced
tanstack-skillstanstack-skills
29

tanstack-pacer

Coordinate debouncing, throttling, rate limiting, queuing, and batching with TypeScript APIs.

Official
Advanced
tanstack-skillstanstack-skills
29

tanstack-virtual

Virtualize large lists, grids, and tables with the useVirtualizer API.

Official
Intermediate
tanstack-skillstanstack-skills
29

tanstack-router

Create type-safe file-based routes with loaders for React and Solid apps.

Official
Advanced
tanstack-skillstanstack-skills
29

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.

Official
Advanced
tanstack-skillstanstack-skills
29

tanstack-devtools

Unify TanStack debugging and state inspection into an extensible devtools panel.

Official
Intermediate
tanstack-skillstanstack-skills
29

tanstack-start

Build server-rendered React apps with typed server functions and TanStack Router.

Official
Advanced

Frequently Asked Questions About Tanstack Skills

FAQPage Schema
What 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.