Skills
.Work. You
Rest

flowers-table

Community

Build dynamic React/Next.js tables.

Software Engineering#typescript#react#nextjs#data grid#headless ui#table component
Authorninsau
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill simplifies the creation of complex, performant, and accessible data tables in React and Next.js applications, eliminating the need to build table functionality from scratch.

Core Features & Use Cases

  • Headless Component: Provides full control over styling using Tailwind CSS, CSS Modules, or any other styling solution.
  • Performance Optimized: Designed for large datasets with support for server-side pagination and sorting.
  • Type Safety: Built with strict TypeScript for robust development and excellent IntelliSense.
  • Accessibility: Adheres to WCAG 2.1 AA standards.
  • Security: Includes built-in XSS protection.
  • Use Case: Quickly implement a sortable, filterable, and paginated user management table in your Next.js admin dashboard.

Quick Start

Install the library and use the Table component with your data and column definitions.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: flowers-table
Download link: https://github.com/ninsau/flowers-nextjs-table/archive/main.zip#flowers-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 223,000+ vetted skills library on demand.