vue-skills

In the author's own words, from each skill's SKILL.md.

• antfu

  Anthony Fu's opinionated tooling and conventions for JavaScript/TypeScript projects. Use when setting up new projects, configuring ESLint/Prettier alternatives, monorepos, library publishing, or when the user mentions Anthony Fu's preferences.

  skills/antfu/SKILL.md on GitHub (opens in a new tab)

• build-tooling

  Frontend build and test tooling for Vue projects. Vite 8 with Rolldown, Vitest 5, tsdown for libraries, pnpm 12 workspaces and catalogs, Turborepo, and TypeScript 7 with vue-tsc. Use when editing vite.config.ts, vitest.config.ts, tsdown.config.ts, pnpm-workspace.yaml, turbo.json or tsconfig, or when builds, tests or installs fail.

  skills/build-tooling/SKILL.md on GitHub (opens in a new tab)

• design

  Visual design and UI quality for web frontends. Design direction, typography, color and layout that avoid generic generated looks, UI review against the Vercel Web Interface Guidelines, UnoCSS configuration, presets and semantic tokens. Use when building or restyling pages, dashboards and components, when reviewing UI quality, or when working with uno.config.ts.

  skills/design/SKILL.md on GitHub (opens in a new tab)

• find-skills

  Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities. This skill should be used when the user is looking for functionality that might exist as an installable skill.

  skills/find-skills/SKILL.md on GitHub (opens in a new tab)

• nuxt

  Nuxt 4 full-stack Vue framework. app directory layout, file-based routing, layouts and middleware, useFetch and useAsyncData, useState, server routes on Nitro, rendering modes and route rules, modules and layers, deployment, plus Nitro v3 and Nuxt 5 preparation. Use when working in a project with nuxt.config.ts, server/ routes, Nuxt modules, or when writing a Nuxt module.

  skills/nuxt/SKILL.md on GitHub (opens in a new tab)

• vitepress

  VitePress static site generator powered by Vite and Vue. Use when building documentation sites, configuring themes, or writing Markdown with Vue components.

  skills/vitepress/SKILL.md on GitHub (opens in a new tab)

• vue-a11y

  Accessibility for Vue 3 apps. Semantic templates, ARIA patterns for modal, tabs, menu and combobox, focus management with Teleport and route changes, live announcements, accessible form errors, and automated checks with axe. Use when building UI components, reviewing accessibility, WCAG compliance, keyboard navigation or screen reader support.

  skills/vue-a11y/SKILL.md on GitHub (opens in a new tab)

• vue-ci

  Run vue-skills-ci on a Vue or Nuxt project and fix what it reports (TypeScript 7 with vue-tsc, Pinia 4 and Vitest 5 peers, VueUse 15 and Vitest 5 removals, Vapor options, public env secrets, SSR module state), or add a ready-made GitHub Actions CI that installs, lints, type-checks, tests, builds and checks these rules. Use before a release or upgrade, when a vue-skills-ci check fails, or when ask…

  skills/vue-ci/SKILL.md on GitHub (opens in a new tab)

• vue-clean-components

  Rules for structuring Vue 3 components so humans can read and maintain them. Component level hierarchy (Page/Feature/Controller/Humble/Atomic), composable lifecycle cohesion, Core-Adapter separation, props drilling resolution, and store responsibility boundaries. Use when writing, splitting, or refactoring Vue components.

  skills/vue-clean-components/SKILL.md on GitHub (opens in a new tab)

• vue-data

  Server state and data fetching in Vue 3. Pinia Colada queries and mutations, caching, invalidation, optimistic updates, Vue Router data loaders, race conditions, abort, SSR payloads, and choosing between fetch layers. Use when fetching API data, caching server responses, handling loading and error states, or wiring mutations in a Vue app.

  skills/vue-data/SKILL.md on GitHub (opens in a new tab)

• vue-debug

  Debug Vue 3 apps. Maps Vue, Vue Router and Pinia console warnings to causes and fixes, and covers reactivity that stops updating, watchers that do not fire, template refs that are null, events that fire twice, hydration mismatches, SSR state leaks, Suspense and KeepAlive surprises. Use when a Vue app throws, logs a [Vue warn], renders stale or wrong output, or behaves differently on the server an…

  skills/vue-debug/SKILL.md on GitHub (opens in a new tab)

• vue-forms

  Forms and validation in Vue 3. v-model and defineModel, custom inputs, schema validation with VeeValidate and Zod or with Regle, async rules, multi-step wizards, submit states, unsaved-changes guards and accessible errors. Use when building or reviewing forms, inputs, validation or file uploads in Vue.

  skills/vue-forms/SKILL.md on GitHub (opens in a new tab)

• vue-performance

  Diagnose and fix Vue 3 performance problems. Profiling with Vue DevTools and the browser, render tracking, shallowRef, v-memo, list virtualization, Vapor Mode, bundle size with code splitting and Rolldown analysis, and memory leaks. Use when a Vue app is slow, janky, too large or leaking memory, or when reviewing code for performance.

  skills/vue-performance/SKILL.md on GitHub (opens in a new tab)

• vue-review

  Review Vue and Nuxt code changes. A prioritized checklist for pull requests and diffs touching .vue files, composables, Pinia stores, routes and Nuxt server code, covering correctness, reactivity, SSR safety, security, accessibility, performance and maintainability, with findings reported as file:line plus a fix. Use when asked to review, audit or check Vue code, a PR or a diff.

  skills/vue-review/SKILL.md on GitHub (opens in a new tab)

• vue-ui

  Build Vue interfaces with component libraries. Reka UI headless primitives (dialog, select, combobox, menu, tabs, popover, the asChild pattern, controlled and uncontrolled state) and Nuxt UI 4 styled components, theming, forms, overlays, data tables and app layouts. Use when choosing or using a Vue component library, building accessible primitives, or working in a project with reka-ui, @nuxt/ui o…

  skills/vue-ui/SKILL.md on GitHub (opens in a new tab)

• vue-upgrade

  Upgrade Vue projects across major versions. Breaking changes and step-by-step migration for Vue 2 to 3, Vue 3.6 and Vapor, Pinia 4, Vue Router 5, VueUse 15, Vite 8, Vitest 5, Nuxt 4.x and Nuxt 5 prep, pnpm 12 and TypeScript 7 with vue-tsc. Use when bumping dependencies, reading a changelog, fixing errors after an upgrade, or planning a migration.

  skills/vue-upgrade/SKILL.md on GitHub (opens in a new tab)

• vue

  Vue 3 application code. Composition API with script setup and TypeScript, reactivity, components, props, emits, defineModel, slots, composables, Transition, Teleport, Suspense, KeepAlive, Pinia stores, Vue Router 5, VueUse, component testing, and Vue 3.6 Vapor Mode. Use for any work on .vue files or Vue composables, including Options API and JSX codebases.

  skills/vue/SKILL.md on GitHub (opens in a new tab)

No skill matches that filter.

Similar skills

• agent-skillsby addyosmani Production-grade engineering skills for AI coding agents. 113k stars · 25 skills
• one-skill-to-rule-them-allby rebelytics The meta-skill that builds and improves all your skills, including itself. Watches your work sessions (autonomous or human-led), captures p… 3.7k stars · 1 skill
• reaby morluto Reverse engineer anything with agents, from app behavior down to native binaries. 431k stars · 5 skills
• ponytailby DietrichGebert Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote. 185k stars · 6 skills
• ui-ux-pro-max-skillby nextlevelbuilder An AI skill that provides design intelligence for building professional UI/UX across multiple platforms. 145k stars · 7 skills
• taste-skillby Leonxlnx Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages 110k stars · 1 skill