Vuejs Development

This is a solid reference for Vue 3's Composition API and reactivity system, built from official docs with a 9.7 trust score. You get practical examples of ref vs reactive, computed properties, watchers, and complete single-file component patterns including that todo list everyone ends up building. The code snippets show both script setup and verbose syntax, which helps if you're migrating from Options API or need to understand what's happening under the hood. It covers the everyday stuff like props, emits, and lifecycle hooks without wandering into framework philosophy. Good for teams standardizing on modern Vue patterns or anyone who wants their AI pair programmer to stop suggesting Vue 2 approaches.

skills.sh installs: 511
GitHub stars: 63
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add manutej/luxor-claude-marketplace --skill vuejs-development --agent claude-code

Installs into .claude/skills of the current project.

Files

Vue.js Development Skill

This skill provides comprehensive guidance for building modern Vue.js applications using the Composition API, reactivity system, single-file components, directives, and lifecycle hooks based on official Vue.js documentation.

When to Use This Skill

Use this skill when:

Building single-page applications (SPAs) with Vue.js
Creating progressive web applications (PWAs) with Vue
Developing interactive user interfaces with reactive data
Building component-based architectures
Implementing forms, data fetching, and state management
Creating reusable UI components and libraries
Migrating from Options API to Composition API
Optimizing Vue application performance
Building accessible and maintainable web applications
Integrating with TypeScript for type-safe development

Core Concepts

Reactivity System

Vue's reactivity system is the core mechanism that tracks dependencies and automatically updates the DOM when data changes.

Reactive State with ref():

import { ref } from 'vue'

// ref creates a reactive reference to a value
const count = ref(0)

// Access value with .value
console.log(count.value) // 0

SKILL.md on GitHub