shadcn-data-table
Installation
SKILL.md
shadcn Data Table
Turn a dataset + a decision into a shadcn table that a real user can scan, filter, and act on without getting lost. Output is a column-priority plan plus a working TanStack Table v8 + shadcn implementation that consumes existing design tokens.
On Trigger
Start the first progress update with:
Using shadcn-data-table ...
What This Skill Owns
- Column selection, ordering, and default visibility for dense datasets.
- Filter contract (faceted vs text vs range) and sort contract (default, multi, indicators).
- Density modes (comfortable / compact / dense) and their content-collapse rules.
- Row-state coverage: empty, loading, error, partial/stale, over-limit.
- TanStack Table v8 wiring against shadcn
Tableprimitives. - URL-state persistence so a table view is shareable.