Agent skill · software engineering · uni-helper
vue
Vue.js progressive JavaScript framework. Use when building Vue components, working with reactivity (ref, reactive, computed, watch), or implementing Vue Composition API patterns.
Why this skill is useful
Provides specific patterns and best practices for Vue.js development that the AI wouldn't reliably generate on its own.
What it needs
About 1k tokens when loaded. Last updated 2026-03-01. 94 stars on the source repository.
What this skill does
Vue The skill is based on Vue 3.5+, generated at 2026-01-28. Vue is a progressive JavaScript framework for building user interfaces. It builds on standard HTML, CSS, and JavaScript with intuitive API and world-class documentation. The Composition API with <script setup> and TypeScript is the recommended approach for building Vue applications. Core References Topic Description Reference ------- ------------- ----------- Reactivity System ref, reactive, computed, watch, and watchEffect core-reactivity Components Topic Description Reference ------- ------------- ----------- Props Declare and validate component props with TypeScript components-props Events (Emits) Emit custom events from components components-emits Slots Pass template content to child components components-slots v-model Two-way binding on custom components components-v-model Lifecycle Hooks Run code at specific component lifecycle stages components-lifecycle Features Script Setup & TypeScript Topic Description Reference ------- ------------- ----------- Script Setup Composition API syntactic sugar for SFCs features-script-setup TypeScript Type-safe Vue components with Composition API features-typescript Reusability Topic Description Reference ------- ------------- ----------- Composables Encapsulate and reuse stateful logic features-composables Custom Directives Low-level DOM manipulation directives features-directives Template Refs Direct DOM and component instance access features-template-refs Advanced Topic Description Reference ------- ------------- ----------- Provide/Inject Dependency injection across component tree advanced-provide-inject Async & Suspense Top-level await pitfalls, async components, Suspense advanced-async-suspense Key Recommendations Use <script setup lang="ts"> for all components Prefer ref() over reactive() for declaring state Use type-based prop declarations with interfaces Use defineModel() for v-model (3.4+) Destructure props reactively (3.5+) for cleaner code Extract compos …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills uni-helper/vue