---
title: "Vue AI (@vuejs-ai) skills · skilld"
canonical_url: "https://skilld.dev/gh/vuejs-ai"
meta:
  description: "8 agent skills published by Vue AI on skilld. Vue, TypeScript, composables."
  "og:description": "8 agent skills published by Vue AI."
  "og:title": "Vue AI on skilld"
---

`

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

# **Vue AI**

[@vuejs-ai](https://github.com/vuejs-ai)org

(Unofficial) Building AI tools for Vue

8 skills 2.9k Synced 2 months ago

Mostly·Vue, TypeScript, composables

[GitHub](https://github.com/vuejs-ai)

## Skills

### [vuejs-ai/skills](https://skilld.dev/gh/vuejs-ai/skills)

Agent skills for Vue 3 development

8 skills 2.9k

`npx skilld add vuejs-ai/skills`

- [

  **/create-adaptable-composable**2.9k

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

  **/vue-best-practices**2.9k

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

  **/vue-debug-guides**2.9k

  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 by vuejs-ai](https://skilld.dev/gh/vuejs-ai/skills/vue-debug-guides)
- [

  **/vue-jsx-best-practices**2.9k

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

  **/vue-options-api-best-practices**2.9k

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

  **/vue-pinia-best-practices**2.9k

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

  **/vue-router-best-practices**2.9k

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

  **/vue-testing-best-practices**2.9k

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

Skills published by Vue AI. Checked GitHub just now