Create page components for a module in src/app/(protected)/[module]/.

Overview

This skill creates the standard CRUD pages for a module: List, Detail, Create, and Update.

Input

The user will provide the module name as an argument. Example: /create-module-pages holidays

Expected Output

After running this skill, the following structure will be created:

src/app/(protected)/[module]/
├── page.tsx               # List Page
├── create/
│   ├── page.tsx           # Create Page
│   └── _hooks/
│       └── use-create-[module].ts
├── [id]/
│   ├── page.tsx           # Detail Page
│   ├── _hooks/
│   │   └── use-[module]-query.ts
│   └── update/
│       ├── page.tsx       # Update Page
│       └── _hooks/
│           └── use-update-[module]-mutation.ts
├── _components/
│   └── form/
│       ├── index.tsx      # Shared Form Component
│       └── schema.ts      # Zod Validation Schema
└── _hooks/
    ├── use-[module]s-query.ts
    └── use-delete-[module]-mutation.ts

Create page components for a module in src/app/(protected)/[module]/.

Overview

This skill creates the standard CRUD pages for a module: List, Detail, Create, and Update.

Input

The user will provide the module name as an argument. Example: /create-module-pages holidays

Expected Output

After running this skill, the following structure will be created:

src/app/(protected)/[module]/
├── page.tsx               # List Page
├── create/
│   ├── page.tsx           # Create Page
│   └── _hooks/
│       └── use-create-[module].ts
├── [id]/
│   ├── page.tsx           # Detail Page
│   ├── _hooks/
│   │   └── use-[module]-query.ts
│   └── update/
│       ├── page.tsx       # Update Page
│       └── _hooks/
│           └── use-update-[module]-mutation.ts
├── _components/
│   └── form/
│       ├── index.tsx      # Shared Form Component
│       └── schema.ts      # Zod Validation Schema
└── _hooks/
    ├── use-[module]s-query.ts
    └── use-delete-[module]-mutation.ts

Create Module Pages

Overview

Input

Expected Output

Create Module Pages

Overview

Input

Expected Output

Output Checklist

Steps

Standards

References

Notion

Prose

Coding Agent (bash-first)

Continuous Learning

Security Review

Widget Generator