--- title: "Skills for Vue · skilld" canonical_url: "https://skilld.dev/frameworks/vue" last_updated: "2026-08-20T06:40:31.337Z" meta: description: "Browse 60 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 60 - [ **/design-system**![n8n-io](https://github.com/n8n-io.png?size=40) n8n - Workflow Automation · n8n-io/n8n204k Guidelines on using Design System styles and components. Use when working on .vue files in packages/frontend. Triggers for tasks that include component architecture, styling, UI changes, or feature work. /design-system by n8n-io](https://skilld.dev/gh/n8n-io/n8n/design-system) - [ **/experiments**![n8n-io](https://github.com/n8n-io.png?size=40) n8n - Workflow Automation · n8n-io/n8n204k 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. /experiments by n8n-io](https://skilld.dev/gh/n8n-io/n8n/experiments) - [ **/ui-ux-pro-max**![nextlevelbuilder](https://github.com/nextlevelbuilder.png?size=40) Next Level Builder · nextlevelbuilder/ui-ux-pro-max-skill126k 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. /ui-ux-pro-max by nextlevelbuilder](https://skilld.dev/gh/nextlevelbuilder/ui-ux-pro-max-skill/ui-ux-pro-max) - [ **/create-mcp-app**![tldraw](https://github.com/tldraw.png?size=40) tldraw/tldraw50k 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. /create-mcp-app by tldraw](https://skilld.dev/gh/tldraw/tldraw/create-mcp-app) - [ **/slidev**![slidevjs](https://github.com/slidevjs.png?size=40) Slidev · slidevjs/slidev49k 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. /slidev by slidevjs](https://skilld.dev/gh/slidevjs/slidev) - [ **/javascript-testing-patterns**![wshobson](https://github.com/wshobson.png?size=40) Seth Hobson · wshobson/agents40k 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. /javascript-testing-patterns by wshobson](https://skilld.dev/gh/wshobson/agents/javascript-testing-patterns) - [ **/web-component-design**![wshobson](https://github.com/wshobson.png?size=40) Seth Hobson · wshobson/agents40k 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. /web-component-design by wshobson](https://skilld.dev/gh/wshobson/agents/web-component-design) - [ **/unit-test-vue-pinia**![github](https://github.com/github.png?size=40) github/awesome-copilot39k 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. /unit-test-vue-pinia by github](https://skilld.dev/gh/github/awesome-copilot/unit-test-vue-pinia) - [ **/vue-expert**![jeffallan](https://github.com/jeffallan.png?size=40) jeffallan/claude-skills11k 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. /vue-expert by jeffallan](https://skilld.dev/gh/jeffallan/claude-skills/vue-expert) - [ **/vue-expert-js**![jeffallan](https://github.com/jeffallan.png?size=40) jeffallan/claude-skills11k 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. /vue-expert-js by jeffallan](https://skilld.dev/gh/jeffallan/claude-skills/vue-expert-js) - [ **/extract-design-md**![google-labs-code](https://github.com/google-labs-code.png?size=40) Google Labs Code · google-labs-code/stitch-skills8.3k 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." /extract-design-md by google-labs-code](https://skilld.dev/gh/google-labs-code/stitch-skills/extract-design-md) - [ **/nuxt-ui**![nuxt](https://github.com/nuxt.png?size=40) nuxt/ui6.9k 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. /nuxt-ui by nuxt](https://skilld.dev/gh/nuxt/ui) - [ **/nuxt**![antfu](https://github.com/antfu.png?size=40) Anthony Fu · antfu/skills5.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. /nuxt by antfu](https://skilld.dev/gh/antfu/skills/nuxt) - [ **/pinia**![antfu](https://github.com/antfu.png?size=40) Anthony Fu · antfu/skills5.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. /pinia by antfu](https://skilld.dev/gh/antfu/skills/pinia) - [ **/slidev**![antfu](https://github.com/antfu.png?size=40) Anthony Fu · antfu/skills5.9k 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. /slidev by antfu](https://skilld.dev/gh/antfu/skills/slidev) - [ **/tsdown**![antfu](https://github.com/antfu.png?size=40) Anthony Fu · antfu/skills5.9k Bundle TypeScript and JavaScript libraries with blazing-fast speed powered by Rolldown. Use when building libraries, generating type declarations, bundling for multiple formats, or migrating from tsup. /tsdown by antfu](https://skilld.dev/gh/antfu/skills/tsdown) - [ **/vitepress**![antfu](https://github.com/antfu.png?size=40) Anthony Fu · antfu/skills5.9k VitePress static site generator powered by Vite and Vue. Use when building documentation sites, configuring themes, or writing Markdown with Vue components. /vitepress by antfu](https://skilld.dev/gh/antfu/skills/vitepress) - [ **/vue**![antfu](https://github.com/antfu.png?size=40) Anthony Fu · antfu/skills5.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. /vue by antfu](https://skilld.dev/gh/antfu/skills/vue) - [ **/vue-best-practices**![antfu](https://github.com/antfu.png?size=40) Anthony Fu · antfu/skills5.9k MUST be used for Vue.js tasks. Strongly recommends Composition API with \`\