This builds data tables with TanStack React Table, handling the column definitions, sorting, filtering, and pagination boilerplate you'd otherwise copy between projects. It covers both client-side and server-side rendering modes, which matters when you're deciding whether to paginate in the browser or hit the API for each page. The row actions pattern with dropdown menus is clean, and the empty state handling keeps you from shipping tables that break when there's no data. Good for admin panels, user lists, or any CRUD interface where you need more than a basic HTML table but don't want to configure everything from scratch.

skills.sh installs
289
GitHub stars
63
last updated
Aug 21, 2026

Install

$ npx -y skills add patricio0312rev/skills --skill table-builder --agent claude-code

Installs into .claude/skills of the current project.

Files

Table Builder

Generate production-ready data tables with sorting, filtering, and pagination.

Core Workflow

  1. Define columns: Column configuration with types
  2. Choose mode: Server-side or client-side rendering
  3. Add features: Sorting, filtering, pagination, search
  4. Row actions: Edit, delete, view actions
  5. Empty states: No data and error views
  6. Loading states: Skeletons and suspense
  7. Mobile responsive: Stack columns or horizontal scroll

Column Configuration

import { ColumnDef } from "@tanstack/react-table";

Sponsors

Details

Repository
github.com/patricio0312rev/skills
Category
Backend & APIs
First seen
Jun 3, 2026

More from patricio0312rev/skills

All 138
1evoscientist avatarnano-bananaevoscientist/evoskillsGenerate professional presentation slides and high-quality illustrations using Gemini image generation API (Nano Banana 2), with interactive browser-based revie288skills.sh installs
2bagisto avatarpayment-method-developmentbagisto/agent-skillsPayment gateway development in Bagisto. Activates when creating payment methods, integrating payment gateways like Stripe, PayPal, or any third-party payment pr287skills.sh installs
3dfinity avataric-dashboarddfinity/icskillsQuery the public REST APIs that power dashboard.internetcomputer.org. Covers canister metadata, ICRC ledger data, SNS data, ICP ledger, and network metrics with287skills.sh installs
4patricio0312rev avatarenv-secrets-managerpatricio0312rev/skillsManages environment variables and secrets securely with encryption, rotation, and provider integration. Use when users request "secrets management", "environmen284skills.sh installs
5vm0-ai avatarfirecrawlvm0-ai/vm0-skillsFirecrawl API for web scraping and crawling. Use when user mentions "Firecrawl", "crawl website", "scrape site", or web extraction.284skills.sh installs
6patricio0312rev avatarsecrets-scannerpatricio0312rev/skillsDetects leaked API keys, tokens, passwords, and credentials in code with pre-commit hooks, CI checks, scanning rules, and remediation procedures. Use for "secre282skills.sh installs