Enforce Vue 3.5 Composition API typing, reactivity, and lifecycle patterns.
npx skills add https://github.com/VKirill/antigravity-for-claude-code --skill vue-vkirill
Please help me install this Agent Skill. Skill: vue Source: https://github.com/VKirill/antigravity-for-claude-code/tree/main/skills/vue Command: npx skills add https://github.com/VKirill/antigravity-for-claude-code --skill vue-vkirill
Vue 3.5 developers need a consistent, production-ready way to write Composition API components without common reactivity mistakes, prop/emits/model typing gaps, or lifecycle cleanup bugs.
<script setup lang="ts">, typed defineProps, defineEmits, defineModel, defineSlots, defineExpose, and correct reactivity primitives (ref, reactive, computed, watch, watchEffect).use* composables, safe template refs via useTemplateRef, and proper cleanup using onUnmounted/onWatcherCleanup.storeToRefs), Vue Router 4 (typed routes, guards, lazy loading), and advanced UI APIs (Teleport, Suspense, KeepAlive, directives, plugins).Use the vue skill to implement a Vue 3.5 <script setup lang="ts"> component with typed props, emits, and defineModel, plus a composable for the core logic and cleanup-safe watchers.
High-intent search queries and answers about installing and using this skill.
Vue 3.5 components use `<script setup lang="ts">` with typed `defineProps`, `defineEmits`, and `defineModel` for safe state passing. Logic moves into `use*` composables, keeping SFCs scalable while enforcing correct typing and reactivity patterns across typical UI workflows.
Reactive props destructure loses reactivity when destructured properties are mutated directly instead of using proper Vue 3.5 update events. The Skill prevents these frequent pitfalls by enforcing correct `defineProps` typing and safe reactivity primitive usage patterns.
Vue 3.5 watchers require proper cleanup using `onWatcherCleanup` or `onUnmounted` to avoid lifecycle bugs. The Skill enforces correct `watch` and `watchEffect` timing alongside safe cleanup patterns for production-ready Composition API components.
Vue 3.5 works with Pinia setup-style stores using `storeToRefs` for reactive state extraction and Vue Router 4 for typed routes and lazy loading. The Skill guides production integration across these state management and navigation workflows.
Vue 3.5 supports `useTemplateRef` for safe template refs in `<script setup>` components. This replaces manual ref assignment, ensuring scalable component architecture and correct reactivity primitive usage within the Composition API.
Vue 3.5 SFCs type slots and exposed methods using `defineSlots` and `defineExpose` within `<script setup lang="ts">`. This ensures type-safe component interfaces, preventing prop mutation and emits typing gaps across UI workflows.
denizzeybekGenerate Vue 3 Single File Components with enforced project conventions.
abereghiciProvide Vue 3 bindings for TanStack Router with typed routing and composables.
cslsoftwaresConfigure Vue Router and Pinia with guards and lazy loading.
CloudDevCrusaderProvides Vue 3 component templates and handles user-defined logic for generating/modifying/deleting arbitrary-length structured text files and folders, including recursive ones, with customizable templates and previews.