vue
The vue skill provides guidelines and code patterns for Vue 3 development using the Composition API and script setup macros.
Is vue safe to install?
Safe to install: our audit of vue's source files found 0 shell commands, 0 external URLs, no file writes (none risk). Every command and URL listed appears verbatim in the skill's source. The skill provides static documentation and code templates. It does not execute commands or perform network requests.
How we audit skills: our security review methodology.
Who is this skill for?
Developers building Vue 3 applications who require standardized patterns for script setup, reactivity, and component structure.
What can you do with it?
- Generating Vue Single File Components (SFCs)
- Implementing defineProps, defineEmits, and defineModel macros
- Configuring watchers and lifecycle hooks
- Utilizing built-in components like Transition, Teleport, and Suspense
How good is this skill?
Quality score: 9/10. The skill provides clear, actionable coding standards and templates. It lacks external dependencies or side effects, making it safe for use.
What does the skill file contain?
# 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-m...
Frequently asked questions
Which Vue API version does this skill support?
The skill supports Vue 3.5 and mandates the use of the Composition API with script setup.
Does the skill allow the use of the Options API?
No, the skill explicitly requires the use of the Composition API over the Options API.
What is the preferred language for components?
The skill prefers TypeScript over JavaScript and requires the use of script setup lang=ts.
Related skills
frontend-design
618.4KAI agents tasked with designing and building web interfaces who need to produce unique, high-quality visual identities rather than generic, templated designs
The frontend-design skill provides guidance for creating distinctive, intentional visual designs for web interfaces. It instructs the agent to act as a design lead at a small studio, focusing on avoiding templated defaults by making deliberate choices regarding typography, color palettes, layout, and motion. The skill emphasizes a structured process of brainstorming, planning, and self-critique before writing code.
shadcn
217.3KDevelopers building UI components and design systems using shadcn/ui
The shadcn skill manages UI components and design systems for projects using the shadcn/ui framework. It provides tools to search, add, debug, and style components, while enforcing strict composition and styling rules based on project-specific configuration.
developing-genkit-js
50.1KDevelopers building AI agents, flows, and tools using the Genkit framework in JavaScript or TypeScript environments
This skill provides guidance for developing AI-powered applications using Genkit in Node.js and TypeScript. It enforces a strict troubleshooting protocol that prioritizes reading local documentation via the Genkit CLI over internal knowledge to account for recent breaking API changes.
turborepo
45.6KDevelopers and DevOps engineers managing JavaScript or TypeScript monorepos with Turborepo
The Turborepo skill provides guidance on configuring monorepo build systems, task pipelines, caching strategies, and architectural boundaries using Turborepo.