skills.rest
changjian-wang
changjian-wangCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

create-vue-page

Generate Vue 3 admin pages with CRUD, Axios, and locale files.

Updated Nov 13, 2025
Search Tags:#frontend#vue#crud#admin#page generation#arco design
One-click install
npx skills add https://github.com/changjian-wang/dawning --skill create-vue-page
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: create-vue-page
Source: https://github.com/changjian-wang/dawning/tree/main/.github/skills/create-vue-page
Command: npx skills add https://github.com/changjian-wang/dawning --skill create-vue-page

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill streamlines the creation of standard Vue 3 admin pages, automating the setup of directory structures, components, API integrations, and internationalization.

Core Features & Use Cases

  • Boilerplate Generation: Creates a complete page structure including views, components, and locale files.
  • API Integration: Sets up basic CRUD API calls using Axios.
  • Internationalization: Includes placeholders for zh-CN and en-US locale files.
  • Use Case: When starting a new feature in an admin dashboard that requires a list view with add, edit, and delete functionality, this Skill provides a solid foundation to build upon.

Quick Start

Use the create-vue-page skill to generate a new page for managing 'products' with CRUD operations.

Frequently Asked Questions about create-vue-page

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

FAQPage Schema
How do I generate a Vue 3 admin page with CRUD operations and API integration?▼

To generate a Vue 3 admin page with CRUD operations, this Skill creates a complete directory structure including views, components, and Axios API integration. It outputs a ready-to-use list view, CRUD forms, and detail drawers using Arco Design.

Does this Vue page generation tool support internationalization out of the box?▼

Yes, Vue page generation includes internationalization support by default. The tool automatically sets up placeholder locale files for both `zh-CN` and `en-US` alongside the generated components and views.

Can I use this to create admin dashboard list views with Arco Design?▼

You can use this Skill to create admin dashboard list views with Arco Design. It generates standard list views, CRUD forms, and detail drawers tailored specifically for Vue 3 admin panels.

What is the best way to scaffold a Vue 3 feature using the Composition API?▼

The best way to scaffold a Vue 3 feature using the Composition API is using this Skill, which enforces `<script setup>` conventions. It outputs a boilerplate-free page structure with components and API calls ready for development.

What do I need to set up before generating a Vue 3 CRUD page structure?▼

Before generating a Vue 3 CRUD page structure, you need an existing Vue 3 project environment. The Skill focuses on generating page-level views, components, and Axios API integrations without requiring external dependencies.

Are there limitations when generating Vue 3 admin pages with this tool?▼

A limitation when generating Vue 3 admin pages is that the output is restricted to the Arco Design component library and standard CRUD patterns. It provides a foundational boilerplate rather than a fully customized business logic implementation.

Related Skills

Explore More Software Engineering Skills→
w7panelw7panel
182

arco-vue-development

Develop Vue 3 applications using the Arco Design Vue component library.

Official
Intermediate
lazzyfulazzyfu
729

ant-design-vue-ui

Generate and refactor Vue 3 admin interfaces with Ant Design Vue 4.x.

Community
Advanced
alongor666alongor666
1

vue-component-dev

Develop Vue 3 components with Pinia stores and ECharts charts.

Community
Intermediate
nazrulsoftwaredevnazrulsoftwaredev

ui-to-vue

Convert UI design screenshots into Vue 3 Composition API components.

Community
Intermediate