Vue.js AI Skills skills
Vue 3 development agent skills skills-hub.ai mirrors 8 skills from Vue.js AI Skills daily — every skill links back to its upstream GitHub source. Install with one command across Claude Code, Cursor, Codex, Windsurf, and any MCP-compatible tool.
Upstream: github.com/vuejs-ai/skills
Installing a Vue.js AI Skills skill
Pick a skill below, then run the install command for your AI coding tool. The skills-hub CLI writes the SKILL.md to the right directory and tracks the install in .skills.json so your team gets reproducible installs.
# Install a Vue.js AI Skills skill
npx @skills-hub-ai/cli install <skill-slug>
# Browse all Vue.js AI Skills skills via API
curl https://skills-hub.ai/api/v1/skills?source=vue-skills
# Browse all sources
open https://skills-hub.ai/sourcesTop Vue.js AI Skills skills
See all →The most-installed skills from Vue.js AI Skills, ranked by adoption.
01vue-options-api-best-practices
Vue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only.
Buildfrom Vue.js AI Skills02vue-jsx-best-practices
JSX syntax in Vue (e.g., class vs className, JSX plugin config).
Buildfrom Vue.js AI Skills03vue-router-best-practices
Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.
Buildfrom Vue.js AI Skills04vue-testing-best-practices
Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.
Buildfrom Vue.js AI Skills05create-adaptable-composable
Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, ref, or getter. Normalize inputs with toValue()/toRef() inside reactive effects (watch/watchEffect) to keep behavior predictable and reactive. Use this skill when user asks for creating adaptable or reusable composables.
Buildfrom Vue.js AI Skills06vue-best-practices
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.
Buildfrom Vue.js AI Skills07vue-pinia-best-practices
Pinia stores, state management patterns, store setup, and reactivity with stores.
Buildfrom Vue.js AI Skills08vue-debug-guides
Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue issues.
Buildfrom Vue.js AI Skills
About this source
skills-hub.ai mirrors skills from 90+ official GitHub repositories every day. Each imported skill is parsed from a SKILL.md file in the source repo, gets a security scan and quality score on import, and links back to its upstream source of truth.
Last sync: Apr 30, 2026, 10:11 PM (success).
Vue.js AI Skills skills — frequently asked
What are Vue.js AI Skills skills?
Vue.js AI Skills skills are AI coding skills published by Vue.js AI Skills (Vue 3 development agent skills) and mirrored daily on skills-hub.ai. They are SKILL.md files that follow the open Agent Skills standard, so they work in Claude Code, Cursor, Codex CLI, Windsurf, Copilot, and any MCP-compatible tool.
How many Vue.js AI Skills skills are available?
skills-hub.ai indexes 8 skills from Vue.js AI Skills, synced daily from the upstream GitHub repository (https://github.com/vuejs-ai/skills).
How do I install a Vue.js AI Skills skill?
Run `npx @skills-hub-ai/cli install <skill-slug>` in your project. The CLI writes the SKILL.md to the right directory for your AI tool and adds it to your `.skills.json` lockfile so your team gets the same skills at the same versions.
Are these official Vue.js AI Skills skills?
Yes. Every skill from this source is mirrored from Vue.js AI Skills's own GitHub repository (https://github.com/vuejs-ai/skills). Each skill page links back to the upstream source of truth, so you can verify the original.