scaffold-dev-guide

Create and extend Vue3 + Vben scaffold modules with API, routing, and UI templates.

531|143|Updated Aug 18, 2023

Search Tags:#scaffolding #i18n #vue3 #pinia #module-development #frontend-architecture #vben

Ready to run

npx skills add https://github.com/tx7do/go-wind-admin --skill scaffold-dev-guide

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: scaffold-dev-guide
Source: https://github.com/tx7do/go-wind-admin/tree/main/frontend/admin/vue-vben/.qoder/skills/scaffold-dev-guide
Command: npx skills add https://github.com/tx7do/go-wind-admin --skill scaffold-dev-guide

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This guide helps frontend teams scale and standardize the development of new modules within the Vue3 + Vben scaffold, ensuring consistent architecture, workflows, and UI patterns across projects.

Core Features & Use Cases

API two-layer architecture (generated/client + composables)
Routing, VxeTable, VbenForm workflows, i18n, and Pinia store integration
Clear examples and templates for adding new modules, pages, CRUD APIs, and project conventions

Quick Start

Create a new module following the scaffold-dev-guide workflows and start from the existing API, routing, and UI templates.

Frequently Asked Questions about scaffold-dev-guide

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

FAQPage Schema

How do I structure a new module in a Vue3 + Vben scaffold?▼

To structure a new module in a Vue3 + Vben scaffold, use standardized workflows for API two-layer architecture, routing, VxeTable, VbenForm, i18n, and Pinia store integration to ensure consistent frontend architecture across projects.

What is the API two-layer architecture in Vue3 frontend development?▼

The API two-layer architecture in Vue3 separates generated/client API calls from composables. This pattern streamlines module development by isolating data fetching logic from UI components within the Vben scaffold.

How do I integrate i18n and Pinia state management into a Vben scaffold module?▼

To integrate i18n and Pinia into a Vben scaffold module, apply the provided workflow templates and reusable UI patterns. This ensures standardized state management and internationalization across newly created pages and forms.

Can I use VxeTable and VbenForm workflows for rapid CRUD module development?▼

Yes, you can use VxeTable and VbenForm workflows for rapid CRUD module development. The scaffold provides clear examples and templates for adding tables, forms, routing, and CRUD APIs to extend frontend functionality.

What is the best way to scale frontend architecture across multiple Vue3 projects?▼

The best way to scale frontend architecture across Vue3 projects is to enforce standardized module creation workflows. Applying consistent API, routing, and UI patterns prevents fragmentation as teams build new features.

Does this scaffold guide require existing Vben framework experience?▼

Yes, applying this scaffold guide requires familiarity with the Vue3 and Vben framework. It is designed for frontend teams building two-layer API modules, forms, and routing, assuming foundational knowledge of the underlying stack.