skills.rest
SemkooSemkooCommunity·1 Agent Skills Included

niko-table-registry

Composable React data tables and editable spreadsheet grids

Builds sortable, filterable React data tables and editable spreadsheet grids using TanStack Table and shadcn/ui. Eliminates rebuilding pagination, faceted filters, drag-and-drop, virtualization, and clipboard editing from scratch. Guides correct component structure, direct imports, server-side data wiring, and URL state so tables ship faster with fewer bugs.
55|3
↗
npx skills add Semkoo/niko-table-registry --all -g -y
Available:

Instructs your AI agent on the project's architecture rules, component layering, import conventions, and drag-and-drop constraints so it writes correct Niko Table code.

All Skills in This Repository (1)

Pure Emerald Level Indicators
📦 In Repo
SemkooSemkoo

niko-table-best-practices

Integrate Niko Table components into React projects for shadcn-compatible data tables.

Community
Advanced

Frequently Asked Questions

FAQPage Schema
How to install Niko Table?▼

Run `npx skills add Semkoo/niko-table-registry --all -g -y` in your terminal to install the skill globally. Then add the component registry to your project's components.json and install blocks with the shadcn CLI.

How to build a sortable, filterable React table?▼

Wrap your data in DataTableRoot, add DataTableHeader and DataTableBody, then mount toolbar pieces like DataTableSearchFilter and DataTableFilterMenu. Most features are auto-detected from the components you render.

Can I add an editable spreadsheet grid to my app?▼

Yes. Use the useDataGrid hook with the DataGrid component to get typed cell editors, clipboard support, fill handle, and undo/redo inside the same table structure.

Does Niko Table support server-side pagination?▼

Yes. Enable manualPagination, manualSorting, or manualFiltering in the config, pass pageCount and totalCount, and connect any backend through a single fetch function.

Does Niko Table work with Claude Code and Cursor?▼

Yes. The included skill files follow the universal SKILL.md standard and guide coding agents in Claude Code, Cursor, and similar environments to use correct patterns.

Related Repositories in Software Engineering

View All in Software Engineering→
openclawopenclaw
388.4k

openclaw

Run a personal AI assistant across your devices and chat apps

Official📦 120 Skills
obraobra
280.0k

superpowers

Gives coding agents a disciplined workflow from idea to merged code

Community📦 15 Skills
facebookfacebook
248.4k

react

AI agent skills for building, testing, and porting React core

Official📦 14 Skills