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-jsOr 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-jsSafety box score
Grade A, minimal risk: 4 of 100 risk points, rated 2026-10-20. The grade rates what the skill and its scripts can reach on the machine of whoever installs it, across eight categories from shell execution to secrets access. How the score works.
This skill is a documentation-only Vue 3/JSDoc style guide: it helps an agent write JavaScript Vue components, composables, Pinia stores, and tests. It does not ship code or installers, so the main exposure is normal repo editing plus the skill’s instruction to run lint/tests on the project.
| Category | Level | Why |
|---|---|---|
| Code & shell execution | 1 (low) | The workflow explicitly tells the agent to run project tools like ESLint and Vitest (`"run ESLint"`, `"run... Vitest"`), which means bounded command execution in the user's repo. |
| Network access | 0 (none) | No native scripts or commands download data or send it to remote hosts; the markdown only contains example app code using `fetch`, not skill-time network activity. |
| Filesystem reach | 0 (none) | The skill does not instruct edits outside the working tree, system paths, or dotfiles; it only describes Vue source files and reference markdown. |
| Secrets & credentials | 0 (none) | There is no mention of tokens, passwords, keychains, `.env` files, or credential stores. |
| Privilege & persistence | 0 (none) | No `sudo`, service registration, shell startup edits, or global installation steps appear in the shipped files. |
| Instruction hijack surface | 0 (none) | The files do not contain prompt-injection text, hidden instructions, or directives to ignore safeguards; all references are local markdown paths. |
| Irreversible actions | 0 (none) | It does not push, publish, deploy, pay, or send messages; its purpose is code generation and guidance only. |
| Transparency | 0 (none) | All shipped content is readable markdown; there are no binaries, installers, minified blobs, or unpinned remote fetches in the skill itself. |
Before installing
- Read `SKILL.md` once to confirm it is only Vue/JSDoc guidance and contains no native scripts or installers.
- If you let an agent use it, do so in a repo where running `eslint` and `vitest` is acceptable, since the workflow expects both.
- Review the reference markdown files if you want to confirm there are no hidden remote fetches or shell commands.
Rated 2026-10-20 by an automated review of 6 files from the skill's repository.
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 — Writes, debugs, and refactors JavaScript code using modern ES2023+ features, async/await patterns, ESM module systems.
- react-expert — Use when building React 18+ applications in .jsx or .tsx files, Next.js App Router projects, or create-react-app setups. Creates components.
- 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.