Agent skill · software engineering · onmax
vue
Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel, watchers, or using Transition/Teleport/Suspense/KeepAlive.
Why this skill is useful
Provides specific patterns and best practices for Vue 3 development that the AI wouldn't reliably generate on its own.
What it needs
About 1k tokens when loaded. Last updated 2026-07-27. 697 stars on the source repository.
What this skill does
Vue Based on Vue 3.5. Always use Composition API with <script setup lang="ts">. Preferences Prefer TypeScript over JavaScript Prefer <script setup lang="ts"> over <script> For performance, prefer shallowRef over ref if deep reactivity is not needed Always use Composition API over Options API Discourage using Reactive Props Destructure Core Topic Description Reference ---------------------- ----------------------------------------------------------------------------------------------------------- -------------------------------------------------------- Script Setup & Macros <script setup>, defineProps, defineEmits, defineModel, defineExpose, defineOptions, defineSlots, generics script-setup-macros Reactivity & Lifecycle ref, shallowRef, computed, watch, watchEffect, effectScope, lifecycle hooks, composables core-new-apis Features Topic Description Reference -------------------------------- -------------------------------------------------------------------- ---------------------------------------------------- Built-in Components & Directives Transition, Teleport, Suspense, KeepAlive, v-memo, custom directives advanced-patterns Quick Reference Component Template Key Imports
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills onmax/vue