studio-list-pattern
Installation
SKILL.md
Studio List Pattern
This skill outlines the standard pattern for implementing infinite scroll lists in the erify_studios application. Unlike admin lists (which use server-side pagination with tables), studio lists use offset-based pagination (page + limit) with useInfiniteQuery for append-friendly infinite scroll card grids.
Canonical Examples
Study these real implementations as the source of truth:
- Task Templates List: index.tsx
- Feature Hook: use-task-templates.ts
- Toolbar Component: task-templates-toolbar.tsx
Detailed code examples: See references/studio-list-examples.md