Generate server-paginated CRUD list pages for React admin templates.
npx skills add https://github.com/Aii-Group/AII-Admin-Cli --skill quick-crud-page
Please help me install this Agent Skill. Skill: quick-crud-page Source: https://github.com/Aii-Group/AII-Admin-Cli/tree/main/.cursor/skills/quick-crud-page Command: npx skills add https://github.com/Aii-Group/AII-Admin-Cli --skill quick-crud-page
This Skill removes repetitive boilerplate when creating server-side paginated list and CRUD pages in the repository by providing a ready scaffold and clear integration guidance for the project's table, search, routing and optional UI patterns.
Create a new route file, paste the provided list-page scaffold, connect your list API to useTable, and call queryTableData in an effect to load the first page.
High-intent search queries and answers about installing and using this skill.
To scaffold a server-paginated CRUD list page, create a new route file, paste the provided list-page scaffold, connect your list API to useTable, and call queryTableData in an effect to load the first page.
Server pagination with useTable and AiiTable requires a list API that accepts current and pageSize parameters and returns a standardized paginated response compatible with their integration for sorting and filtering.
Yes, the scaffold provides optional UI patterns for modal workflows, drawers, confirm dialogs, toolbar actions, row operations, and batch selection that can be included on demand alongside the core list.
Yes, the scaffold is designed for React admin templates using TanStack Router and react-i18next, automatically wiring routing conventions and i18n keys for filters, toolbars, and row operations.
The best way to remove boilerplate is using this integrated list scaffold, which wires useTable, AiiSearch, and AiiTable together to provide consistent server pagination, sorting, and filtering for admin dashboards.
A standardized API response is needed because the scaffold relies on useTable and AiiTable integration to automatically handle server-side pagination, sorting, and filtering based on the returned data structure.
MadAppGangConfigure type-safe file-based routes for React with TanStack Router.
mercurjsCreate modal and drawer forms for React admin dashboards with validation.
tonehqGenerates Tone frontend table pages with CustomTable server-side filtering, sorting, and pagination using React Hook data fetching.
TanStackCompose TanStack Table with TanStack Store to manage table state slices externally.