vue-development
Vue 3 development with Composition API, reactivity system, component patterns, TypeScript integration, and best practices.
npx skills add a5c-ai/babysitter --skill vue-development --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Vue Development Skill Expert assistance for building Vue 3 applications with Composition API and modern patterns. ## Capabilities - Create Vue 3 components with Composition API - Implement reactive state with ref and reactive - Build composables for reusable logic - Configure TypeScript with Vue - Set up Vue Router and navigation guards - Implement provide/inject for dependency injection ## Usage Invoke this skill when you need to: - Create Vue 3 components - Build composables for shared logic - Set up Vue project structure - Implement reactive patterns - Configure Vue with TypeScript ## Inputs | Parameter | Type | Required | Description | |-----------|------|----------|-------------| | componentName | string | Yes | Component name (PascalCase) | | compositionApi | boolean | No | Use Composition API (default: true) | | typescript | boolean | No | Use TypeScript (default: true) | | scriptSetup | boolean | No | Use script setup (default: true) | ### Configuration Example ```json { "componentName": "UserProfile", "compositionApi": true, "typescript": true, "scriptSetup": true, "features": ["props", "emits", "slots"] } ``` ## Component Patterns ### Script Setup Component ```vue <!--
- Capabilities
- Usage
- Inputs
- Configuration Example
- Component Patterns
- Script Setup Component
- Composable Pattern
- Provide/Inject Pattern
- Vue Router Setup
- Best Practices
- Target Processes
What does the vue-development skill do?
Vue 3 development with Composition API, reactivity system, component patterns, TypeScript integration, and best practices.
How do I install it?
Run `npx skills add a5c-ai/babysitter --skill vue-development --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From a5c-ai/babysitter, a repository with 1,642 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.