vue-vben-crud

Generate complete CRUD module scaffolds for Vue Vben Admin projects.

41|2|Updated Mar 14, 2026
One-click install
npx skills add https://github.com/SusieCmy/vben-skills --skill vue-vben-crud
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vue-vben-crud
Source: https://github.com/SusieCmy/vben-skills/tree/main
Command: npx skills add https://github.com/SusieCmy/vben-skills --skill vue-vben-crud

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

Vue/Vben Admin developers face repetitive scaffolding when building CRUD modules, including pages, forms, tables, and API interfaces. This Skill automates generating a complete CRUD module scaffold with consistent project structure and type-safe definitions.

Core Features & Use Cases

  • Generates a full CRUD module scaffold: API interfaces, routes, views, and type definitions.
  • Enforces TypeScript strict mode and aligns with Vben Admin conventions.
  • Supports common patterns such as pages with tables, forms in drawers or modals, and integrated API calls.

Quick Start

Provide the module name and field definitions to automatically generate a complete CRUD module scaffold for a Vue 3 + Vben Admin project.

Frequently Asked Questions about vue-vben-crud

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

FAQPage Schema
How do I generate a CRUD module scaffold for Vue Vben Admin?

To generate a CRUD module scaffold for Vue Vben Admin, provide the module name and field definitions to automatically create pages, forms, tables, API interfaces, and routes with type-safe definitions.

What is the best way to automate Vue Admin scaffolding for data management tables and forms?

Automating Vue Admin scaffolding for tables and forms requires providing module names and field definitions to generate complete CRUD structures, enforcing TypeScript strict mode and adhering to official Vben conventions.

Can I use TypeScript strict mode when generating Vben Admin CRUD pages and API interfaces?

Yes, generating Vben Admin CRUD pages and API interfaces enforces TypeScript strict mode and aligns with official conventions to ensure type-safe definitions across all generated views, forms, and routes.

Does the Vben CRUD code generation support forms in drawers or modals for Vue 3 projects?

Yes, Vue 3 Vben CRUD code generation supports common patterns including forms displayed in drawers or modals, alongside integrated API calls and table pages for typical data-management modules.

What do I need to provide to auto-generate Vue Vben CRUD modules for products or orders?

To auto-generate Vue Vben CRUD modules for products or orders, you need to provide the module name, field definitions, and any special features required to scaffold the complete data-management structure.