skills.rest
JaguarJack
JaguarJackCOMMUNITY
Explore all skills by this author →
GitHub

vue-pages

Generate Vue list and form pages for CatchAdmin modules with catch-table configurations.

928|137|Updated Jan 6, 2020
Search Tags:#frontend#vue#scaffold#admin-ui#CatchAdmin#catch-table
One-click install
npx skills add https://github.com/JaguarJack/catch-admin --skill vue-pages
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vue-pages
Source: https://github.com/JaguarJack/catch-admin/tree/main/.claude/skills/09-vue-pages
Command: npx skills add https://github.com/JaguarJack/catch-admin --skill vue-pages

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill streamlines frontend scaffolding by automatically generating Vue pages for CatchAdmin modules using the catch-table component, reducing repetitive setup work.

Core Features & Use Cases

  • Automatic scaffolding: Creates a list page (index.vue) and a form page (create.vue) under web/src/views/{module}/.
  • Configurable UI: Includes sample columns, search forms, and dialog usage that match CatchAdmin conventions.
  • Use Case: When starting a new admin module, run this skill to generate a ready-to-edit Vue UI that integrates with the CatchAdmin data layer.

Quick Start

Use the vue-pages skill to scaffold web/src/views/{module}/index.vue and create.vue with example catch-table configurations.

Frequently Asked Questions about vue-pages

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

FAQPage Schema
How do I scaffold Vue admin pages with catch-table for a new CatchAdmin module?▼

Use vue-pages to auto-generate index.vue and create.vue under web/src/views/{module}/ with pre-configured catch-table columns, search forms, and dialog components. The generated files are ready to edit and integrate with your CatchAdmin data layer immediately.

Can I use catch-table to build list and form views for my admin UI?▼

Yes. catch-table is the component backbone for CatchAdmin frontend scaffolding. vue-pages generates list pages (index.vue) with configurable columns and search forms, plus form pages (create.vue) with dialog usage, all following CatchAdmin conventions.

What does the vue-pages skill generate for a new admin module?▼

vue-pages generates two ready-to-edit Vue files: index.vue for displaying module data with catch-table columns and search configuration, and create.vue for form entry with example dialog setup. Both include sample configurations you customize for your module.

Do I need to manually configure catch-table columns and search forms after scaffolding?▼

No. vue-pages includes example column and search form configurations in the generated files. You edit these examples to match your module's data structure rather than writing them from scratch.

What's the fastest way to start building a new admin module UI in CatchAdmin?▼

Run vue-pages to scaffold your module's Vue pages with catch-table integration. This eliminates repetitive setup work and delivers a structured, convention-compliant UI foundation in seconds rather than building manually.

Related Skills

Explore More Software Engineering Skills→
JaguarJackJaguarJack
928

curd

Generates a complete CRUD module from a database table definition for CatchAdmin.

Community
Advanced
e-xodee-xode
3

vue-ssr-server

Implement Express 5 API routes with MongoDB access and validation.

Official
Advanced
majesticlabs-devmajesticlabs-dev
47

inertia-coder

Set up Inertia.js with Rails and build page components in React, Vue, or Svelte.

Official
Advanced
yaomindong1996yaomindong1996
103

frontend-design

Generates frontend interfaces with intentional aesthetic direction and refined typography for Vue, React, or HTML/CSS/JS projects.

Community
Intermediate