neus-pattern-table

Generate a standalone DataTable component with sorting, pagination, and row actions.

Updated Jan 6, 2026
One-click install
npx skills add https://github.com/KazmerMaximiliano/neus-ui --skill neus-pattern-table
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: neus-pattern-table
Source: https://github.com/KazmerMaximiliano/neus-ui/tree/main/.agents/skills/neus-pattern-table
Command: npx skills add https://github.com/KazmerMaximiliano/neus-ui --skill neus-pattern-table

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires anti-slop, neus-components, typescript, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill solves the problem of manually creating DataTable components from scratch, providing a reusable pattern with essential features like sorting, pagination, and row actions.

Core Features & Use Cases

  • Standalone DataTable: Generates a standalone DataTable component without full page structure.
  • Sorting and Pagination: Includes sorting and pagination features to handle large datasets.
  • Row Actions: Allows for custom row actions like edit, delete, and info.
  • Use Case: Ideal for scenarios where a user needs a table pattern without the full page structure, such as in dashboards or admin panels.

Quick Start

Generate a DataTable pattern for 'Products' with name, price, and actions columns by triggering the 'tabla standalone' command.

Frequently Asked Questions about neus-pattern-table

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a reusable DataTable component with sorting and pagination in TypeScript?

You can generate a standalone reusable DataTable component with sorting, pagination, and row actions by triggering the 'tabla standalone' command. This produces a standalone TypeScript component without a full page structure, ideal for dashboards or admin panels.

Can I add custom row actions like edit and delete to a generated data table?

Yes, the generated data table includes built-in row actions that allow for custom operations like edit, delete, and info directly within the component. This eliminates the need to manually wire up action handlers from scratch.

What dependencies do I need to generate a standalone DataTable component?

To generate and execute the standalone DataTable component, you need anti-slop, neus-components, and TypeScript installed in your environment. These dependencies provide the required execution context and UI component foundation.

When should I use a standalone data table pattern instead of a full page structure?

You should use a standalone data table pattern when you need a reusable component for scenarios like dashboards or admin panels without the overhead of a full page structure. This allows you to drop the table directly into existing layouts.

Does the generated DataTable component handle large datasets?

Yes, the generated DataTable component handles large datasets by including built-in sorting and pagination features. This ensures data remains navigable and performant without requiring manual implementation of data chunking logic.