skills.rest
limkyulee
limkyuleeCOMMUNITY
Explore all skills by this author →
GitHub

vue-framework-gen

Orchestrate Vue3 and TypeScript project scaffolding with configurable layers.

Updated Mar 16, 2026
Search Tags:#typescript#frontend#vue#scaffolding#orchestration#project-setup
One-click install
npx skills add https://github.com/limkyulee/front-skills --skill vue-framework-gen
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vue-framework-gen
Source: https://github.com/limkyulee/front-skills/tree/main/.opencode/vue-framework/orchestration
Command: npx skills add https://github.com/limkyulee/front-skills --skill vue-framework-gen

SYSTEM DOCUMENTATION & REQUIREMENTS

## What problem does it solve? This orchestration skill automates the creation of a full Vue 3 + TypeScript frontend scaffold by coordinating multiple specialized layer skills into a deterministic flow, reducing setup time and human error.

## Core Features & Use Cases

  • Orchestrates sequential execution of vue-layer-app, vue-layer-api, vue-layer-router, vue-layer-store, vue-layer-shared, and vue-layer-domain to deliver a complete project skeleton.
  • Collects project metadata, validates configuration, and supports mode selection (fast vs detailed) and domain-based scaffolding with optional components like tests and style tokens.
  • Use Case: A team wants to bootstrap a new Vue project quickly with consistent architecture across layers and domains.

### Quick Start Create a new Vue project scaffold in the current working directory using your preferred mode and options.

Frequently Asked Questions about vue-framework-gen

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

FAQPage Schema
How do I automate Vue 3 project scaffolding with TypeScript and multiple architectural layers?▼

Automating Vue 3 project scaffolding orchestrates specialized layer skills sequentially to generate a TypeScript frontend skeleton. It configures app, api, router, store, shared, and domain layers with optional tests and styles, producing a ready-to-develop project.

What is the best way to bootstrap a full Vue 3 frontend project with consistent architecture across domains?▼

Bootstrapping a full Vue 3 frontend project with consistent architecture uses an orchestration skill to coordinate deterministic layer execution. It applies interview-driven configuration and preflight validation to deliver a complete project skeleton across all domains.

Does Vue project scaffolding support fast mode setup and optional components like tests and style tokens?▼

Vue project scaffolding supports mode selection for fast or detailed setup and domain-based generation. You can include optional components like tests and style tokens during the interview-driven configuration phase to customize the output skeleton.

How does layer orchestration work when generating a Vue 3 and TypeScript project skeleton?▼

Layer orchestration works by sequentially executing specialized skills for app, api, router, store, shared, and domain layers. This deterministic flow ensures proper project-path detection and preflight validation before generating the complete Vue 3 TypeScript scaffold.

Can I use this scaffolding tool to generate specific domain layers for an existing frontend project?▼

This scaffolding tool generates a complete Vue 3 project skeleton by orchestrating multiple layer skills in sequence. It focuses on end-to-end setup with configurable layers and domain-based scaffolding rather than partial integration into existing projects.

Why does automated Vue scaffolding run preflight validation and interview-driven configuration before generating layers?▼

Automated Vue scaffolding runs preflight validation and interview-driven configuration to ensure deterministic layer execution and reduce human error. This process validates project paths and collects metadata before generating the complete TypeScript frontend skeleton.

Related Skills

Explore More Software Engineering Skills→
memectmemect
13

bootstrap-workspace

Bootstrap a document verification workspace with Rules/, Samples/, and .env scaffolding.

Community
Intermediate
johnlindquistjohnlindquist
24

deps

Audit and upgrade insecure npm, yarn, or pnpm dependencies.

Community
Intermediate
wesleyarawesleyara

new-store

Generate Pinia store skeletons for Vue applications with persistence configuration.

Community
Advanced
gitcomit8gitcomit8
1

web-artifacts-builder

Initialize and bundle React, TypeScript, Vite, Tailwind CSS, and shadcn/ui projects into a single HTML file.

Community
Advanced