TanStackOfficial·108 Agent Skills Included

table

Build powerful headless data tables for any JavaScript framework

Guides AI agents to build, customize, and migrate TanStack Table v9 data grids across React, Vue, Svelte, Angular, Solid, Preact, Lit, Alpine, Ember, and Octane. Covers sorting, filtering, grouping, pagination, row and cell selection, pinning, resizing, aggregation, and cell spanning without UI lock-in. Eliminates common v8-to-v9 migration errors, missing feature registrations, and state ownership bugs with version-matched, copy-ready patterns.

28,395|3,574

↗

npx skills add TanStack/table --all -g -y

All Skills in This Repository (108)

Pure Emerald Level Indicators

📦 In Repo

TanStack

column-layout

Implement column visibility, ordering, pinning, sizing, and resizing for TanStack Table v9.

row-pinning

Pin user-specified rows to top or bottom regions in TanStack Table.

row-expanding

Configure row expansion and collapsing in TanStack Table with expandedRowModel.

pagination

Configure pagination for TanStack Table v9 grids with client-side or server-side paging.

filtering

Implement client-side column and global filtering in TanStack Table v9.

grouping

Group TanStack Table rows by column values with aggregation functions.

setup

Configure TanStack Table v9 feature plugins and row-model factories.

column-definitions

Define typed TanStack Table v9 column definitions with accessor keys and functions.

migrate-v8-to-v9

Migrate TanStack Table v8 code to the v9 core shape.

customizing-feature-behavior

Override per-column sort, filter, and aggregation functions in TanStack Table v9.

state-management

Coordinate TanStack Table v9 state slices across initialState, controlled state, and atoms.

sorting

Configure TanStack Table sorting with custom sortFn and manualSorting.

Official

Intermediate

Frequently Asked Questions

FAQPage Schema

How to install TanStack Table skills?▼

Run `npx skills add TanStack/table --all -g -y` in your terminal to install all table-building skills globally for your AI agent.

What is a headless table library?▼

TanStack Table manages table state, sorting, filtering, and pagination logic while you keep full control over markup, styles, and components. These skills teach your AI agent exactly how to wire that logic correctly.

Which frameworks do these table skills support?▼

The suite covers React, Vue, Svelte, Angular, Solid, Preact, Lit, Alpine, Ember, and Octane, with dedicated getting-started, state, and migration skills per framework.

Can AI help migrate TanStack Table from v8 to v9?▼

Yes. Dedicated migration skills give your agent the complete breaking-change checklist, including feature registration, row-model slots, and renamed pinning and sorting APIs.

Do these skills work with Claude Code and Cursor?▼

Yes. All skills follow the universal SKILL.md standard and load in Claude Code, Cursor, Copilot, and other compatible AI coding agents.