Does this skill support Vue 2?

No, this skill is specifically designed for Vue 3 or Nuxt 3 and above to leverage modern features like the Composition API and improved reactivity.

How does this skill improve application performance?

It guides you to use computed properties effectively and break down large components, which reduces unnecessary re-renders and improves overall responsiveness.

Does this skill help with Nuxt-specific projects?

Yes, it includes guidance for Nuxt 3 projects, including state management and component organization suitable for SSR and static site generation.

Is TypeScript required to use this skill?

While not strictly required, the skill defaults to and highly recommends using for better type safety and developer experience.

Can it help me refactor large components?

Absolutely. It identifies 'mega components' and provides strategies to move side effects into composables and UI logic into focused child components.

Vue.js Development Guides

Name: Vue.js Development Guides
Author: stevessr

bystevessr

0•

Herramientas de Diseño

Optimizes Vue.js and Nuxt 3 development workflows by enforcing advanced architectural patterns and Composition API best practices.

This skill equips Claude with expert-level knowledge for building, refactoring, and auditing Vue 3 and Nuxt 3 applications. It enforces strict adherence to modern standards, such as preferring the Composition API with TypeScript and optimizing Single-File Component (SFC) structures. By focusing on predictable reactivity, explicit data flow, and the modularization of state into composables, it helps developers transform monolithic code into maintainable, high-performance frontend architectures while avoiding common pitfalls like unnecessary re-renders.

Características Principales

01Guides component decomposition and focused responsibility

02Enforces Composition API and <script setup lang="ts"> patterns

030 GitHub stars

04Optimizes data flow using Props, Emits, and v-model

05Standardizes Vue SFC structure (Script -> Template -> Style)

06Implements advanced reactivity and state management best practices

Casos de Uso

01Automating code reviews to ensure adherence to Vue.js core principles

02Architecting scalable Nuxt 3 applications with modular composables

03Refactoring legacy Options API components into modern Composition API logic

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add stevessr/dotsfiles vue-development-guides

For use in Claude.ai and ChatGPT

Download Skill