table-skill-generatorlisted

# Table Skill Generator Generate a project-specific `table-patterns` skill that documents exactly how data tables are built in THIS project. --- ## The Job 1. Read project context (`docs/project.json`) 2. Analyze existing table implementations 3. Ask clarifying questions about table patterns 4. Generate `docs/skills/table-patterns/SKILL.md` 5. Update `project.json` to record the generated skill --- ## Step 1: Read Project Context ```bash cat docs/project.json ``` Look for: - `apps[].type` — includes "frontend" or "fullstack" - `stack.framework` — React, Vue, etc. --- ## Step 2: Analyze Existing Table Implementations ```bash # Find table components find . -type f \( -name "*Table*" -o -name "*DataGrid*" -o -name "*List*" \) -name "*.tsx" | grep -v node_modules | head -20 # Find table libraries grep -E "@tanstack/react-table|ag-grid|react-table" package.json 2>/dev/null # Find column definitions grep -r "columnDef\|columns.*=\|ColumnDef" --include="*.tsx" | head -10 # Look at existing table cat $(find . -type f -name "*Table*.tsx" | grep -v node_modules | head -1) 2>/dev/null | head -80 ``` --- ## Step 3: Clarifying Questions ``` I found the following table patterns: Table Library: [detected] UI Components: [detected] Data Fetching: [detected] Please confirm or correct: 1. What table library do you use? A. TanStack Table (react-table) B. AG Grid C. Custom table components D. shadcn/ui DataTable E. Other: [specify] 2. How is data fetched? A