What frameworks are compatible with this skill?

It is designed for frontend and fullstack applications, with primary support for React-based stacks and common UI libraries like shadcn/ui.

How does this skill detect my existing table library?

It performs a scan of your package.json and repository files to find specific dependencies and implementation patterns for libraries like TanStack Table, AG Grid, or custom components.

Can I customize the generated table patterns?

Yes, the generator uses an interactive process that asks clarifying questions about your data fetching methods and required features to tailor the output to your project.

Does it support server-side pagination?

Yes, it includes specialized templates for both client-side handling and server-side pagination logic, including URL parameter synchronization.

Table Pattern Generator

Name: Table Pattern Generator
Author: mdmagnuson-creator

bymdmagnuson-creator

0•

设计工具

Automates the creation of project-specific data table documentation and implementation patterns for frontend applications.

The Table Pattern Generator is a meta-skill designed to standardize UI development by analyzing existing frontend implementations and generating a tailored documentation skill. It scans your repository for libraries like TanStack Table or AG Grid, identifies data fetching methods, and creates a comprehensive guide that includes boilerplate code for columns, sorting, filtering, and server-side pagination. This ensures consistency across multi-project environments by documenting exactly how data tables should be built and maintained within your specific codebase.

主要功能

01Automated codebase analysis to detect UI frameworks and table libraries

02Interactive setup through clarifying questions to ensure architectural alignment

03Provides production-grade code templates for column definitions and fetching

040 GitHub stars

05Supports advanced patterns like server-side pagination and URL-based state

06Generates project-specific SKILL.md documentation for data table patterns

使用场景

01Standardizing table implementations across large-scale React or Vue applications

02Onboarding developers by providing an instant reference for project-specific UI patterns

03Automating the boilerplate setup for data-heavy dashboard interfaces

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add mdmagnuson-creator/yo-go meta

For use in Claude.ai and ChatGPT