Skills
.Work. You
Rest

Create TanStack Table

Community

Build TanStack Table v8 data tables in PM.

Product & Management#typescript#react#ui-patterns#tanstack-table#project-manager#datatable#table-core
Authorjason660519
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Build or extend data tables in Project-Manager using raw TanStack Table v8. Triggered when creating a new table, adding columns, or modifying TableCore. Covers column patterns, numeric sort rules, complex cell extraction, layout pitfalls, and the project colour system.

Core Features & Use Cases

  • Create new tables in components/table/ or extend existing ones across app/ui/views and the project-dashboard.
  • Enforce column conventions, numeric handling, and robust cell rendering for stable sorting and layout.
  • Debug table rendering and refactor inline cells into dedicated components with guidance on performance considerations.

Quick Start

Create or modify a TanStack Table by updating components/table/TableCore.tsx and align with the conventions described here.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: Create TanStack Table
Download link: https://github.com/jason660519/Project-Manager/archive/main.zip#create-tanstack-table

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.