vue-expert-js

vue-expert-js is a specialized AI skill for building Vue 3 applications using JavaScript only, without TypeScript. It helps developers create components, composables, routing setups, state management solutions, and Vite-based project configurations while maintaining strong type awareness through comprehensive JSDoc annotations. The skill is designed for teams and projects that prefer vanilla JavaScript, need rapid prototyping, or want IDE type hints and documentation benefits without introducing a TypeScript compiler or migration overhead. It also supports modernization efforts such as moving Vue 2 Options API codebases toward the Vue 3 Composition API using JavaScript.

The skill follows a structured workflow that emphasizes architecture design, implementation, documentation, and testing. It generates Vue 3 code using `<script setup>` without TypeScript, supports `.mjs` modules where appropriate, and applies extensive JSDoc annotations including `@typedef`, `@param`, `@returns`, and `@type`. It promotes verification of documentation coverage through ESLint with JSDoc validation and encourages testing with Vitest using JavaScript-based test files. The skill also provides guidance for composables, component architecture, state management with Pinia, and testing patterns through a reference-driven approach.

This skill is intended for frontend developers, Vue specialists, and engineering teams building Vue 3 applications in JavaScript-only environments. It is particularly useful for organizations that rely on JSDoc-based type hints, developers migrating existing Vue applications, teams standardizing on vanilla JavaScript workflows, and projects that prioritize simplicity and fast iteration over TypeScript adoption. It is best suited for implementation-focused frontend development where maintainable code, documentation quality, and testing practices are important requirements.