tanstack-table

Name: tanstack-table
Author: lukasa1993

github.com/lukasa1993Development177 installsUpdated today

About tanstack-table

tanstack-table is a guidance skill for building and maintaining TanStack Table implementations across supported frameworks. It routes work to version-matched core and adapter references, emphasizing installed package types and preserving headless behavior.

Key features

01Framework-specific adapter guidance
02Version-aware reference selection
03Table Core and TypeScript guidance
04Feature composition and migration guidance
05Devtools and fuzzy-ranking guidance

Use cases

01Implementing a table in a supported framework
02Checking APIs against installed package versions
03Adding or debugging table features

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/lukasa1993/tanstack-skills-extracted --skill tanstack-table

After installing, type/tanstack-tablein Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

.tanstack-product-skill.json

LICENSE

agents/

openai.yaml

licenses/

9db3f8ddd7031ab264b99bec49c221155d0c8649b53dd4aa007f2041d36cdf5f.txt

references/

additional-guidance.md

advanced.md

references/assets/tanstack-alpine-table-getting-started/references/

create-table-hook.md

references/assets/tanstack-alpine-table-table-state/references/

reactivity.md

references/assets/tanstack-angular-table-getting-started/references/

create-table-hook.md

with-tanstack-query.md

with-tanstack-virtual.md

references/assets/tanstack-angular-table-migrate-v8-to-v9/references/

adapter-migration.md

references/assets/tanstack-angular-table-table-state/references/

reactivity.md

references/assets/tanstack-ember-table-getting-started/references/

create-table-hook.md

references/assets/tanstack-ember-table-table-state/references/

reactivity.md

references/assets/tanstack-lit-table-getting-started/references/

create-table-hook.md

with-tanstack-virtual.md

references/assets/tanstack-lit-table-migrate-v8-to-v9/references/

adapter-migration.md

references/assets/tanstack-lit-table-table-state/references/

reactivity.md

references/assets/tanstack-octane-table-getting-started/references/

create-table-hook.md

references/assets/tanstack-octane-table-table-state/references/

reactivity.md

references/assets/tanstack-preact-table-getting-started/references/

create-table-hook.md

with-tanstack-query.md

with-tanstack-virtual.md

references/assets/tanstack-preact-table-migrate-v8-to-v9/references/

adapter-migration.md

references/assets/tanstack-preact-table-table-state/references/

reactivity.md

references/assets/tanstack-react-table-getting-started/references/

create-table-hook.md

with-tanstack-query.md

with-tanstack-virtual.md

references/assets/tanstack-react-table-migrate-v8-to-v9/references/

adapter-migration.md

Details

From the project README

TanStack Table

Headless table and data-grid guidance with shared Table Core features and framework-specific adapters.

Workflow

Inspect installed TanStack packages and exact versions.
Read the foundation reference and the adapter reference for the detected framework.
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

Foundations — Table Core, feature composition, and TypeScript.
Integrations and tools — Devtools and fuzzy ranking.
Advanced and migration — Custom features, API diagnostics, and migration.
React adapter — React Table adapter guidance.
Preact adapter — Preact Table adapter guidance.
Vue adapter — Vue Table adapter guidance.
Solid adapter — Solid Table adapter guidance.
Svelte adapter — Svelte Table adapter guidance.
Angular adapter — Angular Table adapter guidance.
Lit adapter — Lit Table adapter guidance.
Alpine adapter — Alpine Table adapter guidance.
Ember adapter — Ember Table adapter guidance.
Octane adapter — Octane Table adapter guidance.
Additional official guidance — New official guidance that has not yet been assigned to a specialized topic.

Framework routing

React — detect @tanstack/react-table. Read React adapter.
Preact — detect @tanstack/preact-table. Read Preact adapter.
Vue — detect @tanstack/vue-table. Read Vue adapter.
Solid — detect @tanstack/solid-table. Read Solid adapter.
Svelte — detect @tanstack/svelte-table. Read Svelte adapter.
Angular — detect @tanstack/angular-table. Read Angular adapter.
Lit — detect @tanstack/lit-table. Read Lit adapter.
Alpine — detect @tanstack/alpine-table. Read Alpine adapter.
Ember — detect @tanstack/ember-table. Read Ember adapter.
Octane — detect @tanstack/octane-table. Read Octane adapter.

Product boundaries

Use these separate product skills when the task crosses their boundary: tanstack-query, tanstack-virtual.

See source provenance for exact upstream inputs and deduplication records.

Comments

Markdown supported

Details

Author: lukasa1993
Repository: lukasa1993/tanstack-skills-extracted
Category: Development
Installs: 77
GitHub stars: 1

Report

More skills

All skills

remotion-render

github.com/inference-sh

1.6M

Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence. Configurable resolution, FPS, duration, codec. Use for: programmatic video generation, animated graphics, motion design, data-driven videos, React animations to video. Triggers: remotion, render video from code, tsx to video, react video, programmatic video, remotion render, code to video, animated video, motion graphics code, react animation video

design-mobile-apps

github.com/designed-by-ai

1.3M

Design mobile app screens with Sleek, edit Sleek projects, and implement their designs in React Native or HTML

improve-codebase-architecture

github.com/mattpocock

1.2M

Scan a codebase for architecture improvement opportunities, present them as a visual HTML report, then dive deep into whichever one you pick.

vercel-react-best-practices

github.com/vercel-labs

876.8k

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.