Skills Explorer Add Skills

vue-expert

An agent skill by Jeffallan, from Jeffallan/claude-skills. Tags: performance, state-management, typescript, vue, web.

What it does

Builds Vue 3 components with Composition API patterns, configures Nuxt 3 SSR/SSG projects, sets up Pinia stores, scaffolds Quasar/Capacitor mobile apps, implements PWA features, and optimises Vite builds. Use when creating Vue 3 applications with Composition API, writing reusable composables, managing state with Pinia, building hybrid mobile apps with Quasar or Capacitor, configuring service workers, or tuning Vite configuration and TypeScript integration.

Install

With the skills CLI, which installs into Claude Code, Codex, Cursor and other agents:

npx skills add Jeffallan/claude-skills --skill vue-expert

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 ~/.claude/skills/vue-expert

Safety box score

Grade C, moderate risk: 32 of 100 risk points, rated 2026-10-15. 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 is a Vue/Nuxt/Quasar/Capacitor implementation skill: it generates app code and config, runs build/typecheck/test commands, and covers mobile/PWA features. The main risks are external tool execution, broad project file edits, and handling of secrets, cookies, and device data in the examples.

Category levels, from 0 (none) to 3 (high)
CategoryLevelWhy
Code & shell execution2 (moderate)It explicitly tells the agent to run tools and installers such as `vue-tsc --noEmit`, `npm install ...`, `npx cap init`, `npx cap add android`, and repeated test/build commands.
Network access2 (moderate)The docs rely on package downloads and registry execution (`npm install`, `npx cap ...`) and include remote data flows such as Sentry sourcemap upload and API calls.
Filesystem reach2 (moderate)It spans many known project files and configs (`nuxt.config.ts`, `vite.config.ts`, `quasar.config.js`, `capacitor.config.ts`, `server/api/*.ts`, `.vscode/launch.json`), so it can rewrite substantial parts of a repo.
Secrets & credentials2 (moderate)It reads and writes secret-bearing values like `process.env.API_SECRET`, `process.env.SENTRY_AUTH_TOKEN`, `useCookie('token')`, and `setCookie(event, 'session', user.sessionToken, ...)`, and the mobile guide handles camera, geolocation, and push tokens.
Privilege & persistence0 (none)There is no sudo, service installation, shell-startup editing, or OS-level privilege change in the shipped files.
Instruction hijack surface0 (none)The files do not instruct the agent to ignore its rules, follow remote instructions, hide content, or otherwise engage in prompt injection.
Irreversible actions0 (none)It does not push, deploy, publish, pay, message, or delete on the user's behalf; it is a code-generation/reference skill.
Transparency0 (none)All shipped material is plain markdown with readable code snippets; there are no binaries, obfuscated blobs, or decoded-at-runtime scripts.

Before installing

Rated 2026-10-15 by an automated review of 8 files from the skill's repository.

Source

Repository
Jeffallan/claude-skills (all skills from this repository)
Path
skills/vue-expert/SKILL.md
Branch
main
Updated
2026-09-19