Stats
Actions
Tags
From f5-stacks
Provides Vue.js patterns for architecture, Composition API (reactivity, composables), components, performance, forms (VeeValidate), and Vitest testing. Auto-activates on Vue projects.
How this skill is triggered — by the user, by Claude, or both
Slash command
/f5-stacks:vueThis skill is limited to the following tools:
The summary Claude sees in its skill listing — used to decide when to auto-load this skill
Progressive JavaScript framework for building user interfaces.
architecture/component-design.mdarchitecture/composition-api.mdarchitecture/project-structure.mdcomponents/props-emits.mdcomponents/provide-inject.mdcomponents/sfc-syntax.mdcomponents/slots.mdcomposables/async-composables.mdcomposables/composable-patterns.mdcomposables/vueuse.mdforms/form-handling.mdforms/validation.mdforms/vee-validate.mdperformance/keep-alive.mdperformance/lazy-loading.mdperformance/optimization.mdrouting/dynamic-routes.mdrouting/navigation-guards.mdrouting/vue-router.mdstate/pinia-advanced.mdProgressive JavaScript framework for building user interfaces.
Auto-detected when project contains:
vue.config.js or *.vue filesvue package<template> or createApp patternsnpx claudepluginhub fujigo-software/f5-framework-claude --plugin f5-stacksGuides planning and implementation of Vue 3 projects with TypeScript, Composition API, defineModel bindings, Testing Library user-behavior tests, and MSW API mocking to enforce modern patterns.
Delivers Vue 3 best practices for Composition API script setup, composables, ref/reactive patterns, Pinia state management, and Nuxt apps. Activates on .vue files and Vue triggers.
Guides Vue.js 3 Composition API patterns, component architecture, reactivity, Pinia state management, Vue Router, and Nuxt SSR. Activates for Vue, Nuxt, Vite, or Pinia projects.