frontend-project-structure

What problem does it solve?

This Skill eliminates the inconsistency and decision fatigue that come with setting up new Vue frontend projects, adding tooling to existing repos, or choosing standard libraries and patterns for common frontend needs, ensuring all projects follow uniform, production-ready conventions.

Core Features & Use Cases

• Standardized Project Scaffolding: Provides a pre-defined, consistent repository layout and full tooling stack (Vue 3, Vite, TypeScript, Tailwind CSS, Cloudflare Workers) for new SPAs and frontend projects.
• Tooling & Workflow Standardization: Defines consistent linting, formatting, testing, CI/CD, and deployment configurations so teams do not have to rebuild these from scratch for every project.
• Library & Pattern Guidance: Offers default picks for common needs like state management, routing, charts, and PWA implementation, with clear rules for when to deviate from defaults. For example, when starting a new client-facing Vue app that will be deployed to Cloudflare Workers, use this Skill to generate the full project structure, config files, and CI pipeline in minutes instead of manually setting up each tool.

Quick Start

Use the frontend-project-structure skill to scaffold a new Vue 3 + Vite + TypeScript frontend project with Tailwind CSS, Cloudflare Workers deployment, and pre-configured linting, testing, and CI workflows.