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
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/SKILL.md
- Branch
- main
- Updated
- 2026-09-19
Related skills
- angular-architect — Generates Angular 17+ standalone components, configures advanced routing with lazy loading and guards, implements NgRx state management, applies RxJS patterns.
- react-expert — js App Router projects, or create-react-app setups.
- vue-expert-js — Creates Vue 3 components, builds vanilla JS composables, configures Vite projects.
- seo-page — Deep single-page SEO analysis covering on-page elements, content quality, technical meta tags, schema, images, and performance.
- dotnet-core-expert — NET 8 applications with minimal APIs, clean architecture, or cloud-native microservices.
- graphql-architect — Use when designing GraphQL schemas, implementing Apollo Federation, or building real-time subscriptions.