dev-frontend-vue-quasar-engineer

What problem does it solve?

Implementing and refactoring Vue and Quasar frontend features while preserving repository architecture, theming, accessibility, and performance standards can be time-consuming and error-prone; this Skill provides focused guidance and a minimal context load to ensure consistent, high-quality UI work across a codebase.

Core Features & Use Cases

• Architecture-first development: Preserve clean architecture boundaries and feature isolation when adding or changing components, composables, Pinia stores, or routing.
• UX, theming, and i18n alignment: Enforce responsive layouts, accessibility constraints, UI copy/i18n policies, and repository theming conventions.
• Validation and audits: Integrate dependency vulnerability audits and build/test validation into the workflow to catch regressions before merge.
• Use Case: Add a new feature page implemented as a Quasar component with a Pinia store, ensure reuse of shared composables, validate i18n keys, run vulnerability checks, and produce a passing build and test run.

Quick Start

Use the dev-frontend-vue-quasar-engineer skill to implement a responsive Quasar component that follows the repository's architecture, i18n, and accessibility standards while running dependency audits before build.