---
title: "hyf0/vue-skills skills · skilld"
canonical_url: "https://skilld.dev/gh/hyf0/vue-skills"
last_updated: "2026-08-04T11:15:08.878Z"
meta:
  description: "Agent skills for Vue 3 development"
  "og:description": "Agent skills for Vue 3 development"
  "og:title": "hyf0/vue-skills skills"
  "twitter:description": "Agent skills for Vue 3 development"
  "twitter:title": "hyf0/vue-skills skills"
---

`

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

[![hyf0 avatar](https://github.com/hyf0.png)hyf0 profile](https://skilld.dev/gh/hyf0)

# **vuejs-ai/skills**

Agent skills for Vue 3 development

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

## Repository statistics

- Indexed skills

  **8**
- Skill groups

  **1**
- GitHub stars

  **2,756**
- Forks

  **159**

## 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/hyf0/vue-skills/vue-best-practices)

Updated 6 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/hyf0/vue-skills/vue-debug-guides)

Updated 6 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/hyf0/vue-skills/create-adaptable-composable)

Updated 6 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/hyf0/vue-skills/vue-jsx-best-practices)

Updated 6 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/hyf0/vue-skills/vue-options-api-best-practices)

Updated 6 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/hyf0/vue-skills/vue-pinia-best-practices)

Updated 6 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/hyf0/vue-skills/vue-router-best-practices)

Updated 6 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/hyf0/vue-skills/vue-testing-best-practices)

Updated 6 months ago