project-scaffolder

Generates a runnable Vue 3 and PrimeVue 4 project scaffold from a template directory.

Updated Aug 15, 2026
One-click install
npx skills add https://github.com/jacksonlee-tw/mystock-vue --skill project-scaffolder-jacksonlee-tw
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: project-scaffolder
Source: https://github.com/jacksonlee-tw/mystock-vue/tree/main/mystock-analysis/.github/skills/project-scaffolder
Command: npx skills add https://github.com/jacksonlee-tw/mystock-vue --skill project-scaffolder-jacksonlee-tw

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Setting up a new Vue 3 + PrimeVue 4 frontend project from scratch involves repetitive copying, renaming, and configuration work that is error-prone, especially around dependency version mismatches. This Skill automates cloning the tcci-vue-template into a new target directory, customizing project metadata, and verifying the result builds and runs. ## Core Features & Use Cases - Template Copying with Exclusions: Copies the template project while excluding node_modules, .git, docs, and other non-essential files, always preserving package-lock.json for version locking. - Project Customization: Updates package.json name, index.html title, Vite base path, and topbar branding while keeping all demo routes, menus, and example pages intact for developer reference. - Deterministic Install and Verification: Uses npm ci instead of npm install to avoid PrimeVue version incompatibilities, then validates with npm run build and npm run dev. - Use Case: A developer needs a new MM material management system prototype. Provide the target directory and project title, and the Skill produces a compiling, runnable Vue 3 + PrimeVue 4 scaffold ready for development. ## Quick Start Ask the AI to generate a new system scaffold from tcci-vue-template into your chosen target directory with your desired project title and name.

Frequently Asked Questions about project-scaffolder

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

FAQPage Schema
How do I create a new Vue 3 project from an existing template?▼

Provide the target directory and project title, and the Skill copies the tcci-vue-template files, updates package.json name and index.html title, then installs dependencies with npm ci. It finishes by verifying the project builds and the dev server starts.

Why use npm ci instead of npm install for project scaffolding?▼

npm ci installs exactly the versions recorded in package-lock.json, while npm install may resolve caret ranges like ^4.3.1 to newer incompatible versions. This prevents PrimeVue API mismatch errors such as undefined primevue.config or failing icon components.

Which PrimeVue CDN version works for standalone HTML prototype pages?▼

PrimeVue 3.15.0 is the correct CDN version for standalone HTML prototypes because its UMD bundles embed icons as CSS classes and are fully self-contained. Versions after 3.18.0 split icons into separate SVG component scripts requiring many extra CDN files.

What parameters are required to scaffold a new project?▼

The target directory and project title are mandatory with no defaults; the Skill stops and asks if either is missing. Project name is inferred from the target path, and the Vite base path defaults to / unless specified.

Why does the scaffolded project fail with PrimeVue component errors?▼

This happens when dependencies were installed with npm install instead of npm ci, resolving incompatible PrimeVue versions. Delete node_modules, confirm package-lock.json was copied from the template, and reinstall with npm ci.