--- title: "Skills for Vue · skilld" canonical_url: "https://skilld.dev/frameworks/vue" last_updated: "2026-08-20T06:40:31.337Z" meta: description: "Browse 88 Vue agent skills from 8+ maintainers. Every result links to source." "og:description": "Agent skills for Vue 3 components, composables, reactivity, and testing." "og:title": "Skills for Vue" --- ` # Skills for Vue Agent skills for Vue 3 components, composables, reactivity, and testing. Every result links to its SKILL.md source. [vuejs.org](https://vuejs.org) [All skills](https://skilld.dev/skills) ## **Vue skills ** Showing 24 of 88 - [ **/experiments**![n8n-io](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fn8n-io.png%3Fsize%3D40) n8n - Workflow Automation · n8n-io/n8n 206k Guides work on \`packages/frontend/editor-ui\` experiments. Use when creating, extending, wiring, testing, reviewing, or retiring editor-ui experiments, PostHog feature flags, experiment key indexes, variants, stores/composables, persisted experiment state, or experiment telemetry.](https://skilld.dev/gh/n8n-io/n8n/experiments) - [ **/ui-ux-pro-max**![nextlevelbuilder](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fnextlevelbuilder.png%3Fsize%3D40) Next Level Builder · nextlevelbuilder/ui-ux-pro-max-skill 132k UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific UI implementation. Searchable local data: 79 searchable styles (50 active), 192 product palettes and reasoning profiles, 74 font pairings, 119 UX guidelines, 105 icons, 17 GSAP presets, 25 chart types, and 22 stacks.](https://skilld.dev/gh/nextlevelbuilder/ui-ux-pro-max-skill/ui-ux-pro-max) - [ **/create-mcp-app**![tldraw](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Ftldraw.png%3Fsize%3D40) tldraw/tldraw 51k This skill should be used when the user asks to "create an MCP App", "add a UI to an MCP tool", "build an interactive MCP View", "scaffold an MCP App", or needs guidance on MCP Apps SDK patterns, UI-resource registration, MCP App lifecycle, or host integration. Provides comprehensive guidance for building MCP Apps with interactive UIs.](https://skilld.dev/gh/tldraw/tldraw/create-mcp-app) - [ **/slidev**![slidevjs](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fslidevjs.png%3Fsize%3D40) Slidev · slidevjs/slidev 49k Create and present web-based slidedecks for developers using Slidev with Markdown, Vue components, code highlighting, animations, and interactive features. Use when building technical presentations, conference talks, code walkthroughs, teaching materials, or developer decks.](https://skilld.dev/gh/slidevjs/slidev) - [ **/javascript-testing-patterns**![wshobson](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fwshobson.png%3Fsize%3D40) Seth Hobson · wshobson/agents 40k Implement comprehensive testing strategies using Jest, Vitest, and Testing Library for unit tests, integration tests, and end-to-end testing with mocking, fixtures, and test-driven development. Use when writing JavaScript/TypeScript tests, setting up test infrastructure, or implementing TDD/BDD workflows.](https://skilld.dev/gh/wshobson/agents/javascript-testing-patterns) - [ **/web-component-design**![wshobson](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fwshobson.png%3Fsize%3D40) Seth Hobson · wshobson/agents 40k Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture. Use when building UI component libraries, designing component APIs, or implementing frontend design systems.](https://skilld.dev/gh/wshobson/agents/web-component-design) - [ **/unit-test-vue-pinia**![github](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fgithub.png%3Fsize%3D40) github/awesome-copilot 40k Write and review unit tests for Vue 3 + TypeScript + Vitest + Pinia codebases. Use when creating or updating tests for components, composables, and stores; mocking Pinia with createTestingPinia; applying Vue Test Utils patterns; and enforcing black-box assertions over implementation details.](https://skilld.dev/gh/github/awesome-copilot/unit-test-vue-pinia) - [ **/vue-expert**![jeffallan](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fjeffallan.png%3Fsize%3D40) jeffallan/claude-skills 12k Builds Vue 3 components with Composition API patterns, configures Nuxt 3 SSR/SSG projects, sets up Pinia stores, scaffolds Quasar/Capacitor mobile apps, implements PWA features, and optimises Vite builds. Use when creating Vue 3 applications with Composition API, writing reusable composables, managing state with Pinia, building hybrid mobile apps with Quasar or Capacitor, configuring service workers, or tuning Vite configuration and TypeScript integration.](https://skilld.dev/gh/jeffallan/claude-skills/vue-expert) - [ **/vue-expert-js**![jeffallan](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fjeffallan.png%3Fsize%3D40) jeffallan/claude-skills 12k Creates Vue 3 components, builds vanilla JS composables, configures Vite projects, and sets up routing and state management using JavaScript only — no TypeScript. Generates JSDoc-typed code with @typedef, @param, and @returns annotations for full type coverage without a TS compiler. Use when building Vue 3 applications with JavaScript only (no TypeScript), when projects require JSDoc-based type hints, when migrating from Vue 2 Options API to Composition API in JS, or when teams prefer vanilla JavaScript, .mjs modules, or need quick prototypes without TypeScript setup.](https://skilld.dev/gh/jeffallan/claude-skills/vue-expert-js) - [ **/extract-design-md**![google-labs-code](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fgoogle-labs-code.png%3Fsize%3D40) Google Labs Code · google-labs-code/stitch-skills 8.4k Extract a comprehensive design system (DESIGN.md) directly from frontend source code — React, Vue, Svelte, Angular, plain HTML/CSS, or any web framework. Analyzes component files, stylesheets, Tailwind configs, theme definitions, and design tokens to produce a rich, Stitch-compatible design system document. Use this skill whenever the user wants to reverse-engineer a design system from an existing codebase, audit the visual language of a project, extract design tokens from source files, or understand the styling patterns in a frontend repo — even if they just say "what does this app look like?" or "pull out the design from this code."](https://skilld.dev/gh/google-labs-code/stitch-skills/extract-design-md) - [ **/nuxt-ui**![nuxt](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fnuxt.png%3Fsize%3D40) nuxt/ui 7k Build UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming. Use when creating interfaces, customizing themes to match a brand, building forms, or composing layouts like dashboards, docs sites, and chat interfaces.](https://skilld.dev/gh/nuxt/ui) - [ **/nuxt**![antfu](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fantfu.png%3Fsize%3D40) Anthony Fu · antfu/skills 5.9k Nuxt full-stack Vue framework with SSR, auto-imports, and file-based routing. Use when working with Nuxt apps, server routes, useFetch, middleware, or hybrid rendering.](https://skilld.dev/gh/antfu/skills/nuxt) - [ **/pinia**![antfu](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fantfu.png%3Fsize%3D40) Anthony Fu · antfu/skills 5.9k Pinia official Vue state management library, type-safe and extensible. Use when defining stores, working with state/getters/actions, or implementing store patterns in Vue apps.](https://skilld.dev/gh/antfu/skills/pinia) - [ **/vitepress**![antfu](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fantfu.png%3Fsize%3D40) Anthony Fu · antfu/skills 5.9k VitePress static site generator powered by Vite and Vue. Use when building documentation sites, configuring themes, or writing Markdown with Vue components.](https://skilld.dev/gh/antfu/skills/vitepress) - [ **/vue**![antfu](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fantfu.png%3Fsize%3D40) Anthony Fu · antfu/skills 5.9k Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel, watchers, or using Transition/Teleport/Suspense/KeepAlive.](https://skilld.dev/gh/antfu/skills/vue) - [ **/create-adaptable-composable**![vuejs-ai](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fvuejs-ai.png%3Fsize%3D40) Vue AI · vuejs-ai/skills 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.](https://skilld.dev/gh/vuejs-ai/skills/create-adaptable-composable) - [ **/vue-best-practices**![vuejs-ai](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fvuejs-ai.png%3Fsize%3D40) Vue AI · vuejs-ai/skills 2.9k MUST be used for Vue.js tasks. Strongly recommends Composition API with \`\