NeVibeCode · 26 items
Skills and MCP tagged “vue”
gsap-frameworks skill Official GSAP skill for Vue, Nuxt, Svelte and SvelteKit. Tells the agent where to create animations and how to clean them up on unmount.
Claude Code CX Codex Cursor +1
62,000installs
nuxt-ui skill Guides AI agents in building interfaces with @nuxt/ui v4, covering semantic Tailwind CSS theming, layout patterns, and component selection.
Claude Code CX Codex Cursor +1
19,700installs
frontend-developer subagent Subagent for building complete frontend applications with React 18+, Vue 3+, and Angular 15+. Handles component architecture, state management, testing, and accessibility.
Claude Code
40,905installs
stitch::code-to-design
official skill Moves an existing frontend into Stitch by extracting standalone HTML and a design system, then uploading both to a project. Useful when bringing pages or components into Stitch for further work.
Claude Code CX Codex Cursor +1
10,100installs
nuxt4-patterns skill A skill for Nuxt 4 work: hydration safety, route rules, lazy loading and SSR-safe data fetching with useFetch and useAsyncData.
Claude Code CX Codex Cursor +1
4,500installs
vue skill This skill guides agents through Vue 3 Composition API, script setup, and reactivity. Use it when writing Vue SFCs or built-in component flows.
Claude Code CX Codex Cursor +1
35,800installs
vue-best-practices skill Enforces Vue 3 guidelines using Composition API and TypeScript. Helpful for structuring SFCs, managing reactivity, and writing composables.
Claude Code CX Codex Cursor +1
42,700installs
shadcn-vue skill Teaches coding agents shadcn-vue architecture, proper CLI runners, FieldGroup form composition, and strict Tailwind semantic token rules.
Claude Code CX Codex Cursor +1
5,700installs
nuxt skill This skill equips your AI agent with Nuxt 5 knowledge: server-side rendering, file-based routing, auto-imports, and Nitro v3 deployment. Use it when building Nuxt apps, server routes, useFetch calls, middleware, or hybrid rendering.
Claude Code CX Codex Cursor +1
24,100installs
pinia skill Pinia skill adds reference documentation to Claude Code for the official Vue state management library. Use it when defining stores, managing state, getters, and actions in Vue apps.
Claude Code CX Codex Cursor +1
19,700installs
vue-debug-guides skill Skill for diagnosing Vue 3 errors: reactivity, watchers, components, templates, and hydration. When the agent sees a Vue bug, it looks up the cause in a catalog of common issues.
Claude Code CX Codex Cursor +1
26,700installs
devtools skill Debug panel for json-render apps: component tree, state editor, actions log, streaming patches, and element picker.
Claude Code CX Codex Cursor +1
8,300installs
web-component-design skill This skill helps design reusable components for React, Vue, and Svelte. Use it for UI libraries, design systems, or legacy component refactors.
Claude Code CX Codex Cursor
13,167installs
vue-pinia-best-practices skill A skill covering Pinia best practices: avoid common store setup errors, preserve reactivity, and organize state management patterns in Vue projects.
Claude Code CX Codex Cursor +1
16,800installs
vue-router-best-practices skill Skill teaches AI coders Vue Router 4 patterns: navigation guards, route params handling, and component lifecycle synchronization. Prevents infinite redirects, memory leaks, and data desync.
Claude Code CX Codex Cursor +1
14,900installs
create-adaptable-composable skill Skill for writing reusable Vue composables that accept values, refs, or getters and work the same way in all cases. Use it when you need a library-grade composable that adapts to different input types.
Claude Code CX Codex Cursor +1
13,700installs
vue-testing-best-practices skill Skill offering Vue 3 testing patterns and best practices. It helps configure Vitest and write blackbox component tests without brittle assertions.
Claude Code CX Codex Cursor +1
13,600installs
unit-test-vue-pinia
official skill Writes and reviews unit tests for Vue 3, TypeScript, Vitest and Pinia code. Useful when your tests reach into component internals instead of behavior.
GitHub Copilot
1,800installs
vue-expert skill Guides Vue 3 work with the Composition API, Nuxt 3, Pinia, and Vite. Use it for components, PWAs, and Quasar or Capacitor apps.
Claude Code CX Codex Cursor +1
4,500installs
vue-expert-js skill Builds Vue 3 code in JavaScript with JSDoc annotations instead of TypeScript. Use it for components, composables, routing, and state management in JS-only projects.
Claude Code CX Codex Cursor +1
4,000installs
vue skill A skill to convert JSON specifications into Vue 3 components with data binding, visibility conditions, and action handling. Use it if you generate interfaces via AI or build UIs from JSON.
Claude Code CX Codex Cursor +1
1,400installs
reka-ui skill A skill for working with Reka UI, a library of unstyled Vue 3 components with full accessibility support. Use it when building interfaces from scratch or working with Nuxt UI and shadcn-vue.
Claude Code CX Codex Cursor +1
7,400installs
vue-expert subagent Builds Vue 3 and Nuxt 3 applications, handles Composition API patterns, tunes reactivity, and configures testing suites.
Claude Code
577installs
markstream-install
official skill Configures Markstream streaming Markdown renderers across React, Vue, Svelte, and Angular projects. It resolves package selection, CSS ordering, and SSR boundaries.
GitHub Copilot
18installs
Expert Vue.js Frontend Engineer
official subagent GitHub Copilot subagent specialized in Vue 3, Composition API, TypeScript, and component architecture. Builds frontends, migrates from Vue 2, and optimizes rendering.
GitHub Copilot
★ 40,369repo stars
Expert Nuxt Developer
official subagent Guides Nuxt 3 and Nitro development with TypeScript typing. Helps configure data fetching via useFetch, resolve hydration issues, and structure server routes.
GitHub Copilot
★ 40,369repo stars