Guides the implementation of Vue 3 Composition API best practices and project structure.
Install
mkdir -p .claude/skills/vue-excatt && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/19452" && unzip -o skill.zip -d .claude/skills/vue-excatt && rm skill.zipInstalls to .claude/skills/vue-excatt
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
Vue 3 Composition API 패턴 가이드를 실행합니다.Key capabilities
- →Implement Vue 3 components using script setup syntax
- →Define reactive state with ref and computed properties
- →Create custom composables for reusable logic
- →Manage application state using Pinia stores
- →Configure Vue Router with navigation guards
- →Handle form validation with VeeValidate and Zod
How it works
The skill provides standardized patterns for Vue 3 development, including script setup, composable extraction, and Pinia store definitions. It guides the user through organizing files into specific directories like components, composables, and stores.
Inputs & outputs
When to use vue
- →Implement Vue 3 Composition API
- →Standardize composable functions
- →Structure Vue components
- →Manage state with Pinia
About vue
Provides structure and syntax patterns for Vue 3 projects. It covers script setup, composables, reactive state management, and lifecycle hooks to ensure consistent component development.
Vue 3 Composition API 패턴 가이드를 실행합니다.
How it compares
Unlike manual implementation, this skill enforces a specific project structure and syntax pattern for Vue 3 Composition API to ensure consistency.
Compared to similar skills
vue side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| vue (this skill) | 0 | 5mo | Review | Intermediate |
| vue-best-practices | 19 | 5mo | No flags | Intermediate |
| vue-testing-best-practices | 5 | 7mo | No flags | Intermediate |
| vue-debug-guides | 4 | 7mo | No flags | Intermediate |
Try saying
Example prompts that trigger this skill in your AI assistant.
More by excatt
View all by excatt →You might also like
vue-best-practices
antfu
MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API.
vue-testing-best-practices
vuejs-ai
Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.
vue-debug-guides
vuejs-ai
Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue issues.
vue-router-best-practices
antfu
Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.
vueuse
onmax
Use when working with VueUse composables - provides reactive utilities for state, browser APIs, sensors, network, animations. Check VueUse before writing custom composables - most patterns already implemented.
shadcn-vue-admin
Whbbit1999
Build and maintain the shadcn-vue-admin Vue 3 + Vite + TypeScript admin dashboard with shadcn-vue, Tailwind, Pinia, Vue Router, i18n, and TanStack Query. Use for UI/layout changes, page additions, routing updates, theme/auth work, and component integration in this repo.