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 Table primitives.
  • URL-state persistence so a table view is shareable.
Installs
1
GitHub Stars
6
First Seen
Jun 1, 2026