📦 Install Now · 🤖 Explore Agents · 📖 Documentation · ⭐ Star this repo
What is this?
Vue Development Assistant is a production-grade Claude Code plugin with 7 specialized agents and 7 skills for modern Vue.js development covering Vue 3.5, Composition API, Pinia, Vue Router, Nuxt 3, Testing (Vitest), and TypeScript.
📑 Table of Contents
Click to expand
🚀 Quick Start
Prerequisites
- Claude Code CLI v2.0.27+
- Active Claude subscription
- Node.js 18+ (for Vue development)
Installation (Choose One)
Option 1: From Marketplace (Recommended)
# Step 1️⃣ Add the marketplace
/plugin marketplace add pluginagentmarketplace/custom-plugin-vue
# Step 2️⃣ Install the plugin
/plugin install vue-development-assistant@pluginagentmarketplace-vue
# Step 3️⃣ Restart Claude Code
# Close and reopen your terminal/IDE
Option 2: Local Installation
# Clone the repository
git clone https://github.com/pluginagentmarketplace/custom-plugin-vue.git
cd custom-plugin-vue
# Load locally
/plugin load .
# Restart Claude Code
✅ Verify Installation
After restart, you should see these agents:
vue-development-assistant:01-vue-fundamentals
vue-development-assistant:02-vue-composition
vue-development-assistant:03-vue-pinia
vue-development-assistant:04-vue-router
vue-development-assistant:05-vue-nuxt
vue-development-assistant:06-vue-testing
vue-development-assistant:07-vue-typescript
✨ Features
| Feature | Description |
|---|---|
| 🖼️ Vue 3.5 Fundamentals | Components, directives, reactivity basics |
| 🔄 Composition API | setup(), composables, ref/reactive |
| 🍍 Pinia State | Modern state management with stores |
| 🛣️ Vue Router | Navigation, guards, dynamic routes |
| ⚡ Nuxt 3 | SSR, file-based routing, modules |
| 🧪 Testing | Vitest, Vue Test Utils, component testing |
| 📘 TypeScript | Type-safe Vue with defineComponent |
🤖 Agents
7 Specialized Vue Agents
| # | Agent | Purpose | Bonded Skill |
|---|---|---|---|
| 1 | 01-vue-fundamentals | Vue 3.5 core concepts: SFC, directives, lifecycle hooks, reactivity basics | vue-fundamentals |
| 2 | 02-vue-composition | Composition API mastery: setup(), ref, reactive, composables, provide/inject | vue-composition-api |
| 3 | 03-vue-pinia | Pinia state management: stores, getters, actions, plugins, SSR hydration | vue-pinia |
| 4 | 04-vue-router | Vue Router 4: navigation guards, dynamic routing, lazy loading, scroll behavior | vue-router |
| 5 | 05-vue-nuxt | Nuxt 3 framework: SSR/SSG, file-based routing, modules, deployment | vue-nuxt |
| 6 | 06-vue-testing | Testing with Vitest & Vue Test Utils: unit, component, integration tests | vue-testing |
| 7 | 07-vue-typescript | TypeScript in Vue: type inference, generics, defineComponent, strict typing | vue-typescript |