This gives Claude solid Vue 3 fundamentals with a focus on Composition API patterns. You get ref/reactive for state, computed properties, watchers, and the script setup syntax that's become standard. The examples cover props with TypeScript, event emits, v-model bindings, and practical patterns like writable computeds and deep watchers. It's aimed at interactive UIs and SPAs with Vue Router and Pinia mentioned but not deeply covered. The progressive disclosure helps Claude know when to pull this in without overwhelming context. If you're building anything beyond static pages with Vue, this gives Claude enough rope to write idiomatic component code without inventing its own reactivity system.

skills.sh installs
390
GitHub stars
79
last updated
Aug 21, 2026

Install

$ npx -y skills add bobmatnyc/claude-mpm-skills --skill vue --agent claude-code

Installs into .claude/skills of the current project.

Files

Vue 3 - Progressive JavaScript Framework

Overview

Vue 3 is a progressive framework for building user interfaces with emphasis on approachability, performance, and flexibility. It features the Composition API for better logic reuse, a powerful reactivity system, and single-file components (.vue files).

Key Features:

  • Composition API: setup() with ref, reactive, computed, watch
  • Reactivity System: Fine-grained reactive data tracking
  • Single-File Components: Template, script, style in one file
  • Vue Router: Official routing for SPAs
  • Pinia: Modern state management (Vuex successor)
  • TypeScript: First-class TypeScript support
  • Vite: Lightning-fast development with HMR

Installation:

# Create new Vue 3 project (recommended)
npm create vue@latest my-app
cd my-app
npm install
npm run dev

# Or with Vite template
npm create vite@latest my-app -- --template vue-ts

Composition API Fundamentals

setup() Function

<script setup lang="ts">
// Modern <script setup> syntax (recommended)
import { ref, computed, onMounted } from 'vue';

Sponsors

Details

Repository
github.com/bobmatnyc/claude-mpm-skills
Categories
Frontend Development, Backend & APIs
First seen
Jun 3, 2026

More from bobmatnyc/claude-mpm-skills

All 158
1syncfusion avatarsyncfusion-blazor-dataformsyncfusion/blazor-ui-components-skillsImplement Syncfusion Blazor DataForm component for creating dynamic, data-bound forms with validation and field management. Use this when building forms in Blaz382skills.sh installs
2syncfusion avatarsyncfusion-blazor-pivot-tablesyncfusion/blazor-ui-components-skillsUse this skill when users ask how to implement Syncfusion Pivot Table/PivotView in Blazor. Trigger for Blazor components, data binding, OLAP analysis, aggregati381skills.sh installs
3umbraco avatarumbraco-ufm-componentumbraco/umbraco-cms-backoffice-skillsImplement UFM (Umbraco Flavored Markdown) components in Umbraco backoffice using official docs381skills.sh installs
4sickn33 avatarreact-modernizationsickn33/antigravity-awesome-skillsreact modernization377skills.sh installs
5existential-birds avatarreact-flow-implementationexistential-birds/beagleImplements React Flow node-based UIs correctly using @xyflow/react. Use when building flow charts, diagrams, visual editors, or node-based applications with Rea374skills.sh installs
6sickn33 avatarangularsickn33/antigravity-awesome-skillsangular372skills.sh installs