---
title: "vuejs-ai/skills skills · skilld"
canonical_url: "https://skilld.dev/gh/vuejs-ai/skills"
meta:
  description: "Agent skills for Vue 3 development"
  "og:description": "Agent skills for Vue 3 development"
  "og:title": "vuejs-ai/skills skills"
  "twitter:description": "Agent skills for Vue 3 development"
  "twitter:title": "vuejs-ai/skills skills"
---

`

[All skills](https://skilld.dev/skills)

[![vuejs-ai avatar](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fvuejs-ai.png)](https://skilld.dev/gh/vuejs-ai)

# **vuejs-ai/skills**

Agent skills for Vue 3 development

main Updated 4 months ago [GitHub](https://github.com/vuejs-ai/skills)

![README badge for vuejs-ai/skills](https://skilld.dev/b/vuejs-ai/skills?theme=light&label=0)

## Repository statistics

- Indexed skills

  **8**
- Skill groups

  **1**
- GitHub stars

  **2,878**
- Forks

  **167**

## Skills

8 total

Sort skills

[<h3>**/vue-best-practices**</h3>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-best-practices](https://skilld.dev/gh/vuejs-ai/skills/vue-best-practices)

Updated 8 months ago

[<h3>**/vue-debug-guides**</h3>Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue issues. /vue-debug-guides](https://skilld.dev/gh/vuejs-ai/skills/vue-debug-guides)

Updated 8 months ago

[<h3>**/create-adaptable-composable**</h3>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. /create-adaptable-composable](https://skilld.dev/gh/vuejs-ai/skills/create-adaptable-composable)

Updated 8 months ago

[<h3>**/vue-jsx-best-practices**</h3>JSX syntax in Vue (e.g., class vs className, JSX plugin config). /vue-jsx-best-practices](https://skilld.dev/gh/vuejs-ai/skills/vue-jsx-best-practices)

Updated 8 months ago

[<h3>**/vue-options-api-best-practices**</h3>Vue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only. /vue-options-api-best-practices](https://skilld.dev/gh/vuejs-ai/skills/vue-options-api-best-practices)

Updated 8 months ago

[<h3>**/vue-pinia-best-practices**</h3>Pinia stores, state management patterns, store setup, and reactivity with stores. /vue-pinia-best-practices](https://skilld.dev/gh/vuejs-ai/skills/vue-pinia-best-practices)

Updated 8 months ago

[<h3>**/vue-router-best-practices**</h3>Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions. /vue-router-best-practices](https://skilld.dev/gh/vuejs-ai/skills/vue-router-best-practices)

Updated 8 months ago

[<h3>**/vue-testing-best-practices**</h3>Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing. /vue-testing-best-practices](https://skilld.dev/gh/vuejs-ai/skills/vue-testing-best-practices)

Updated 8 months ago

## Add to your README

The badge links readers to this page. It shows the skilld mark and no counts, and it follows the reader's light or dark GitHub theme.

`<a href="https://skilld.dev/gh/vuejs-ai/skills"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://skilld.dev/b/vuejs-ai/skills?theme=dark"> <source media="(prefers-color-scheme: light)" srcset="https://skilld.dev/b/vuejs-ai/skills?theme=light"> <img alt="Skill repository on skilld.dev" src="https://skilld.dev/b/vuejs-ai/skills?theme=light"> </picture> </a>`