skills.rest
shalevamin
shalevaminCOMMUNITY
Explore all skills by this author →
GitHub

vue-expert-js

Generate Vue 3 components and JavaScript composables with JSDoc type annotations.

Updated Mar 7, 2026
Search Tags:#frontend#javascript#components#vue#jsdoc#vite#composables
One-click install
npx skills add https://github.com/shalevamin/The-_Ultimate_agents --skill vue-expert-js-shalevamin
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vue-expert-js
Source: https://github.com/shalevamin/The-_Ultimate_agents/tree/main/.claude/skills/vue-expert-js
Command: npx skills add https://github.com/shalevamin/The-_Ultimate_agents --skill vue-expert-js-shalevamin

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill enables the creation of Vue 3 components and composables using only JavaScript and JSDoc for type safety, avoiding TypeScript altogether.

Core Features & Use Cases

  • Vue 3 Component Generation: Creates Vue 3 components using <script setup> syntax without lang="ts".
  • Vanilla JS Composable Development: Builds reusable JavaScript composables with comprehensive JSDoc annotations for type hints.
  • Vite Project Setup: Configures Vite projects, including routing and state management, using JavaScript.
  • JSDoc Typing: Leverages JSDoc (@typedef, @param, @returns) for full type coverage, suitable for teams preferring vanilla JavaScript or needing quick prototypes without TypeScript setup.
  • Use Case: Develop a new feature in a Vue 3 application that requires a custom composable for managing user authentication state, ensuring all types are clearly defined using JSDoc.

Quick Start

Create a Vue 3 component named UserProfileCard with name and age props, and an update emit using JavaScript and JSDoc.

Frequently Asked Questions about vue-expert-js

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

FAQPage Schema
How do I build Vue 3 components with JSDoc type annotations instead of TypeScript?▼

This approach generates Vue 3 components using `<script setup>` syntax without `lang="ts"`, utilizing JSDoc annotations like `@typedef`, `@param`, and `@returns` to provide full type coverage. It allows teams to maintain type safety in vanilla JavaScript without relying on a TypeScript compiler.

What is the best way to create vanilla JavaScript composables for Vue 3?▼

Creating vanilla JavaScript composables involves building reusable JavaScript modules annotated with comprehensive JSDoc comments for type hints. This enables rapid prototyping and robust type safety for state management without requiring a TypeScript compiler.

Can I configure Vite routing and state management using only JavaScript modules?▼

Yes, you can configure Vite projects, including routing and state management, using JavaScript-only modules. This supports rapid prototyping and teams preferring vanilla JavaScript or `.mjs` modules without needing a TypeScript setup.

Does Vue 3 work with JSDoc for type safety instead of using TypeScript?▼

Vue 3 fully supports JSDoc for type safety, allowing developers to define types using `@typedef`, `@param`, and `@returns` within standard JavaScript. This provides type hints and coverage in your IDE without the overhead of a TypeScript compiler.

Why should I use JSDoc in Vue 3 components for rapid prototyping over TypeScript?▼

Using JSDoc in Vue 3 components for rapid prototyping avoids the setup and compilation overhead of TypeScript. It allows you to quickly build features with `.mjs` modules while maintaining clear type definitions and hints through vanilla JavaScript annotations.

Related Skills

Explore More Software Engineering Skills→
fanguyunfanguyun

vue-expert-js

Build Vue 3 applications with JavaScript and JSDoc type hints.

Community
Advanced
nksethnkseth

vue-expert-js

Automate Vue 3 development with JavaScript and JSDoc typing.

Community
Advanced
Axel-DaMageAxel-DaMage
2

vue-expert-js

Construct Vue 3 components with JavaScript and JSDoc type annotations.

Community
Intermediate
EstomEstom

vue-expert-js

Build Vue 3 applications with JavaScript and JSDoc type annotations.

Community
Intermediate