name: page-generator description: Generate CRUD list or form pages in naive-admin using existing templates, hooks, and project conventions. Use when user needs to generate a list/form page, asks to create CRUD/admin pages, or wants to scaffold pages following project templates.

Page Generator

Goal

Generate list or form pages based on the user's requirements.

Page Types

List Page

• Path: apps/naive-admin/src/views/{module}/{page}/index.vue
• Structure: SearchPanel, useTablePage, NDataTable, action buttons.
• Hooks: useTablePage, useEnums, usePageLoading.

Form Page

• Path: apps/naive-admin/src/views/{module}/{page}/index.vue
• Structure: NCard, FormRoot, submit/cancel actions.
• FormConfig: comp, valueKey, label, required, props.

Workflow

1. Decide list vs form based on the requirement.
2. Read the corresponding template.
3. Replace placeholders with fields and APIs.
4. Create the file in the target path.
5. Remind about route registration if needed.

Conventions

• Use kebab-case filenames and camelCase variables.
• Import types from @/shared/*.
• Use Tailwind/UnoCSS utility classes for styling.