How does this skill manage context window usage?

It uses a modular loading system that only pulls in specific reference files for components, composables, or testing based on your current task, keeping token usage low.

Does it include styling guidance?

This skill focuses on Vue logic and structure. For styled UI components or headless accessibility, it is recommended to use the 'nuxt-ui' or 'reka-ui' skills respectively.

Should I use this or the Nuxt skill?

Use this skill for core Vue components and logic. Use the 'nuxt' skill specifically for server routes, file-based routing, and Nuxt-specific middleware.

Does this skill support Vue 2 projects?

No, this skill is specifically designed for Vue 3, focusing on modern patterns like the Composition API and script setup.

Vue 3 Development

Name: Vue 3 Development
Author: onmax

byonmax

•

Herramientas para Desarrolladores

Optimizes Vue 3 development by providing architectural patterns for the Composition API, reactive destructuring, and component best practices.

Acerca de

The Vue 3 Development skill is a specialized reference system designed to help AI coding assistants implement modern Vue 3 patterns efficiently. It provides expert guidance on the Composition API, reactive destructuring, and the use of defineModel, while offering structured approaches for creating composables and writing tests. By utilizing a modular architecture, the skill ensures that only relevant context—such as component patterns or testing utilities—is loaded, minimizing token usage and improving the accuracy of code generation for frontend projects.

Características Principales

Reactive destructuring and defineModel implementation guidance
Integration patterns for the VueUse utility library
12 GitHub stars
Best practices for creating reusable Vue composables
Modern Composition API and script setup patterns
Comprehensive testing strategies using Vitest and @vue/test-utils

Casos de Uso

Writing unit and component tests for frontend application logic
Building high-performance Vue 3 components with reactive props and emits
Refactoring legacy Vue logic into reusable Composition API functions

Acerca de

Características Principales

Reactive destructuring and defineModel implementation guidance
Integration patterns for the VueUse utility library
12 GitHub stars
Best practices for creating reusable Vue composables
Modern Composition API and script setup patterns
Comprehensive testing strategies using Vitest and @vue/test-utils

Casos de Uso

Writing unit and component tests for frontend application logic
Building high-performance Vue 3 components with reactive props and emits
Refactoring legacy Vue logic into reusable Composition API functions