050107 shadcn showcase
Multi-domain agent skills collection for AI coding agents (Claude, Cursor, Copilot, OpenCode, and more). Covers programming, biology, cooking, and future domains. Installable via npx skills add.
npx -y skills add natuleadan/skills --skill 050107-shadcn-showcaseAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 2 stars2 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
What its author says it does
Copied from the file, not written here
Building component showcase pages with shadcn/ui — variant cards, data tables with TanStack, and charts with Recharts.
The file declares its own license as MIT. That is the author’s claim about this one file, and it is not the same thing as the license GitHub reports for the repository, which is listed with the other numbers below.
SKILL.md
1.2 KB, as published. Nobody here has run it
shadcn/ui Showcase & Demo Patterns
Building component demo galleries and variant showcase pages using shadcn/ui components, TanStack Table, and Recharts.
References
| Topic | File |
|---|---|
| Variant card pattern: mother card + child cards, page header, layout standards | references/variant-cards.md |
| Data Table with TanStack: column defs, sorting, filtering, pagination, row selection, visibility | references/data-table.md |
| Charts with Recharts: ChartContainer, bar/line/area/pie/radial, tooltip, legend, RTL | references/charts.md |
When to Use
| Trigger | Use |
|---|---|
| Building a component demo/showcase page | references/variant-cards.md |
| Adding a data table with sorting, filtering, pagination | references/data-table.md |
| Adding charts to a dashboard or report | references/charts.md |