vue-expert-js

Generate Vue 3 components and composables in JavaScript with JSDoc typing.

1|Updated May 16, 2026
One-click install
npx skills add https://github.com/enigmaicon-eng/AI-Enterprise-OS --skill vue-expert-js-enigmaicon-eng
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vue-expert-js
Source: https://github.com/enigmaicon-eng/AI-Enterprise-OS/tree/main/examples/claude-skills/skills/vue-expert-js
Command: npx skills add https://github.com/enigmaicon-eng/AI-Enterprise-OS --skill vue-expert-js-enigmaicon-eng

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you build reliable Vue 3 applications using plain JavaScript while still getting strong type-like documentation and safer public APIs through JSDoc, without adopting TypeScript.

Core Features & Use Cases

  • Vue 3 component + composable generation in JavaScript: Creates components and composables using <script setup> and ESM modules (.mjs) with a JavaScript-only stack.
  • JSDoc-based typing for public APIs: Produces @typedef, @param, @returns, and @type annotations so IDEs can infer types and your team can avoid “mystery shapes.”
  • Tooling alignment for correctness: Encourages ESLint JSDoc checks (via eslint-plugin-jsdoc) and Vitest coverage to validate both behavior and annotation completeness.

Quick Start

Use the vue-expert-js skill to generate a Vue 3 JavaScript component and composable that include JSDoc types for props, emits, and exported functions.

Frequently Asked Questions about vue-expert-js

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

FAQPage Schema
How do I add JSDoc typing to Vue 3 components in JavaScript instead of TypeScript?

You can add JSDoc typing to Vue 3 components by generating `<script setup>` JavaScript files with `@typedef`, `@param`, and `@returns` annotations. This approach provides IDE type inference and documented public API contracts without needing TypeScript.

What is the best way to generate Vue 3 composables using plain JavaScript?

The best way to generate Vue 3 composables in plain JavaScript is using ES module (`.mjs`) structures paired with comprehensive JSDoc annotations. This ensures your exported functions have clearly defined type contracts validated by ESLint.

Can I use Vitest to test Vue 3 composables that rely on JSDoc typing?

Yes, you can use Vitest to validate both the behavior and JSDoc annotation completeness of Vue 3 composables. Vitest coverage ensures your JavaScript modules function correctly while ESLint checks verify the type documentation.

Does Vue 3 Composition API migration require switching to TypeScript entirely?

Vue 3 Composition API migration does not require switching entirely to TypeScript. You can migrate using JavaScript with `<script setup>` and JSDoc annotations to achieve type-like documentation and safer public APIs for your components.

How do I enforce JSDoc coverage for public APIs in a Vue 3 JavaScript project?

You enforce JSDoc coverage for public APIs in a Vue 3 JavaScript project by integrating ESLint JSDoc checks. This validates that `@typedef`, `@param`, and `@returns` annotations are correctly applied to your composables and components.

When should I not use TypeScript for a Vue 3 UI feature development project?

You should avoid TypeScript for Vue 3 UI feature development when you need fast prototyping that still requires documented public API contracts. Using JavaScript with JSDoc annotations provides type-like safety without the overhead of a TypeScript build process.