Builds Vue 3 apps in pure JavaScript with JSDoc type coverage instead of TypeScript. You get comprehensive @typedef, @param, and @returns annotations for full type hints without running a TS compiler. The workflow enforces JSDoc completeness with eslint-plugin-jsdoc checks before moving on, and all composables ship as .mjs modules with proper type exports. Honestly a solid pick if your team won't touch TypeScript but still wants IDE autocomplete and type safety, or if you're migrating Vue 2 codebases where adding a build step is more friction than it's worth. The patterns lean heavily on script setup with manual type annotations, so you're trading compile-time guarantees for zero config overhead.

skills.sh installs
4.3K
GitHub stars
12.3K
last updated
Aug 21, 2026

Install

$ npx -y skills add jeffallan/claude-skills --skill vue-expert-js --agent claude-code

Installs into .claude/skills of the current project.

Files

Vue Expert (JavaScript)

Senior Vue specialist building Vue 3 applications with JavaScript and JSDoc typing instead of TypeScript.

Core Workflow

  1. Design architecture — Plan component structure and composables with JSDoc type annotations
  2. Implement — Build with <script setup> (no lang="ts"), .mjs modules where needed
  3. Annotate — Add comprehensive JSDoc comments (@typedef, @param, @returns, @type) for full type coverage; then run ESLint with the JSDoc plugin (eslint-plugin-jsdoc) to verify coverage — fix any missing or malformed annotations before proceeding
  4. Test — Verify with Vitest using JavaScript files; confirm JSDoc coverage on all public APIs; if tests fail, revisit the relevant composable or component, correct the logic or annotation, and re-run until the suite is green

Reference Guide

Load detailed guidance based on context:

Sponsors

Details

Repository
github.com/jeffallan/claude-skills
Categories
Frontend Development, Backend & APIs, Testing & QA, Documentation

More from jeffallan/claude-skills

All 66
1omer-metin avatargame-ui-designomer-metin/skills-for-antigravityWorld-class game UI design expertise combining the clarity of Nintendo's UI philosophy, the immersive diegetic interfaces of Dead Space and Metroid Prime, and t4.3Kskills.sh installs
2assistant-ui avatarreact-mcpassistant-ui/skillsLets end users add, authenticate, and manage MCP servers from the browser in assistant-ui apps with @assistant-ui/react-mcp. Use when building user-managed MCP 4.2Kskills.sh installs
3getsentry avatarsentry-react-native-sdkgetsentry/sentry-for-aiFull Sentry SDK setup for React Native and Expo. Use when asked to "add Sentry to React Native", "install @sentry/react-native", "setup Sentry in Expo", or conf4.2Kskills.sh installs
4softaworks avatarreact-useeffectsoftaworks/agent-toolkitReact useEffect best practices from official docs. Use when writing/reviewing useEffect, useState for derived values, data fetching, or state synchronization. T4.1Kskills.sh installs
5forcedotcom avatargenerating-ui-bundle-metadataforcedotcom/sf-skillsMUST activate when the project contains a uiBundles/*/src/ directory and scaffolding a new UI bundle or app, or when editing ui-bundle.json, .uibundle-meta.xml,3.7Kskills.sh installs
6forcedotcom avatargenerating-ui-bundle-featuresforcedotcom/sf-skillsMUST activate when the project contains a uiBundles/*/src/ directory and the user wants to add authentication or search to their app. Use this skill when adding3.7Kskills.sh installs