vue-developer

Generate Vue 3 development plans with Composition API, Pinia, and Nuxt 3 SSR.

13|6|Updated Dec 23, 2025
One-click install
npx skills add https://github.com/olehsvyrydov/AI-development-team --skill vue-developer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vue-developer
Source: https://github.com/olehsvyrydov/AI-development-team/tree/main/claude/skills/development/frontend/vue/vue-developer
Command: npx skills add https://github.com/olehsvyrydov/AI-development-team --skill vue-developer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams accelerate building Vue 3 frontends by providing clear guidance, patterns, and ready-to-adapt templates for modern Vue architectures.

Core Features & Use Cases

  • Composition API & Script Setup: guidance on using the Composition API and script setup syntax for clean, type-safe components.
  • State & Routing: guidance on Pinia stores and Vue Router for scalable navigation and state management in Vue apps.
  • SSR & Testing: best practices for Nuxt 3 SSR and Vitest-powered testing in Vue projects.
  • Use Case: imagine creating a reusable component library with TypeScript support and lazy-loaded routes to improve UX and performance.

Quick Start

Describe your Vue project goals, framework version, and runtime (SPA vs SSR) to generate a tailored Vue-3 development plan.

Frequently Asked Questions about vue-developer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I structure a Vue 3 project using the Composition API and Pinia?

Structure Vue 3 projects by using script setup for type-safe components and Pinia for scalable state management. This approach provides clean architecture patterns for maintaining complex application state and routing.

What's the best way to set up server-side rendering with Nuxt 3?

Set up Nuxt 3 SSR by following best practices for server-side rendering within Vue applications. This approach provides optimized rendering patterns that improve initial load performance and SEO for your web application.

Can I use Vitest for testing TypeScript Vue components?

Yes, you can use Vitest for testing TypeScript Vue components. This approach provides Vitest-powered testing patterns that ensure your script setup components remain type-safe and fully validated during development.

How do I implement lazy loading and composables in a Vue 3 application?

Implement lazy loading and composables in Vue 3 by utilizing setup-based APIs and standard Node.js tooling. This provides improved UX and performance through dynamically loaded routes and reusable logic patterns.

Does this Vue 3 development approach support both SPA and SSR runtimes?

Yes, this Vue 3 development approach supports both SPA and SSR runtimes. By describing your project goals and runtime during setup, you receive a tailored development plan matching your specific architecture needs.

Why use TypeScript with Vue 3 script setup syntax?

Use TypeScript with Vue 3 script setup syntax to build clean, type-safe components. This approach provides expert patterns that prevent runtime errors and ensure scalable component library development.