vue-expert-js
An agent skill by Jeffallan, from Jeffallan/claude-skills. Tags: developer-tools, javascript, state-management, vue, web.
What it does
Creates Vue 3 components, builds vanilla JS composables, configures Vite projects, and sets up routing and state management using JavaScript only — no TypeScript. Generates JSDoc-typed code with @typedef, @param, and @returns annotations for full type coverage without a TS compiler. Use when building Vue 3 applications with JavaScript only (no TypeScript), when projects require JSDoc-based type hints, when migrating from Vue 2 Options API to Composition API in JS, or when teams prefer vanilla JavaScript, .mjs modules, or need quick prototypes without TypeScript setup.
Install
With the skills CLI, which installs into Claude Code, Codex, Cursor and other agents:
npx skills add Jeffallan/claude-skills --skill vue-expert-js
Or copy the skill folder into Claude Code's skills directory by hand (~/.claude/skills for every project, or .claude/skills inside one):
git clone --depth 1 https://github.com/Jeffallan/claude-skills
cp -r claude-skills/skills/vue-expert-js ~/.claude/skills/vue-expert-js
Safety box score
Not rated yet. A safety box score grades what a skill and its scripts can reach on the machine of whoever installs it, across eight categories from shell execution to secrets access. Anyone can request one from this page; it is saved for everyone. How the score works.
Source
- Repository
- Jeffallan/claude-skills (all skills from this repository)
- Path
- skills/vue-expert-js/SKILL.md
- Branch
- main
- Updated
- 2026-09-19
Related skills
- javascript-pro — js APIs. cjs files for correctness and best practices.
- react-expert — js App Router projects, or create-react-app setups.
- vue-expert — Builds Vue 3 components with Composition API patterns, configures Nuxt 3 SSR/SSG projects, sets up Pinia stores, scaffolds Quasar/Capacitor mobile apps.
- stitch-loop — Teaches agents to iteratively build websites using Stitch with an autonomous baton-passing loop pattern
- angular-architect — Generates Angular 17+ standalone components, configures advanced routing with lazy loading and guards, implements NgRx state management, applies RxJS patterns.
- cli-developer — Use when building CLI tools, implementing argument parsing, or adding interactive prompts.