Best Vue 3 + Nuxt Skills for Claude Code (2026)

Vue 3's Composition API maps naturally to Claude Code's skill system-fine-grained reactivity, <script setup> brevity, and composables as first-class abstractions. The Skillselion catalog has 83,206 listings, and the Vue sub-cluster is among the most install-dense in frontend. Browse all frontend-design skills.

Key takeaways

• The vue skill tops Vue 3 with 26,819 installs and 5,218 GitHub stars (skills.sh registry, GitHub)-the canonical first install for any Vue 3 project.
• vue-best-practices (23,535 installs) adds Pinia state management and TypeScript defineProps inference-mandatory for typed codebases.
• vueuse-functions (17,247 installs) unlocks 200+ battle-tested composables from a single install, replacing dozens of custom utility files.
• nuxt-ui (13,571 installs, 6,662 stars) delivers a full Tailwind v4-powered component set for Nuxt 4 that pairs with any design system.
• Skills layer without conflict: vue → vue-best-practices → vueuse-functions is the canonical order.

What are the best Vue 3 skills for Claude Code?

The vue skill (26,819 installs, 5,218 stars, skills.sh registry, GitHub) is the entry point-it covers <script setup>, ref/reactive/computed primitives, defineEmits, and template best practices for Claude Code generation. For typed Pinia state, vue-best-practices (23,535 installs, 2,541 stars) is the natural pairing.

claude skill install vue
claude skill install vue-best-practices

The next tier: vueuse-functions (17,247 installs) for composables-heavy projects and vue-router-best-practices (15,048 installs) for complex navigation with guards and nested routes.

How do you scaffold a Nuxt 4 project with Claude Code?

nuxt-ui (13,571 installs, 6,662 stars) is the fastest path-it pre-configures Tailwind v4 integration, color token theming, and dark mode toggling, covering the same ground as a hand-tuned Tailwind v4 design system in one install. Add vue-debug-guides (13,840 installs) for Nuxt-aware error tracing and Nitro server diagnostics.

What composables does VueUse add to Claude Code?

vueuse-functions (17,247 installs, 5,218 stars) teaches Claude Code 200+ production composables: useIntersectionObserver for lazy loading, useStorage for persisted reactive state, useScroll for scroll-linked animations, and useElementSize for responsive measurements without ResizeObserver boilerplate. This single skill replaces a folder of custom hooks and aligns with the Composition API patterns vue-best-practices establishes.

How do you test Vue 3 components generated by Claude Code?

vue-testing-best-practices (13,551 installs, 5,218 stars) teaches Vitest + Vue Test Utils-shallow mounts, flushPromises for async watchers, and screen.getByRole queries that mirror the accessibility guidance. Pair it with the testing skills guide for GitHub Actions CI integration.

How does Vue compare to React in Claude Code's skill catalog?

The React 19 + shadcn/ui guide covers the React path. By install count: vue at 26,819 vs shadcn at 199,075-React has broader community tooling. Vue's advantage is explicit reactivity, single-file component colocation, and a smaller mental surface area for teams that prioritise predictable data flow over ecosystem breadth.

A complete starter stack

• vue - Composition API, <script setup>, reactive primitives
• vue-best-practices - Pinia state, TypeScript defineProps inference
• vueuse-functions - 200+ production composables
• vue-router-best-practices - navigation guards, nested routes (15,048 installs)
• nuxt-ui - Tailwind v4 components + dark mode for Nuxt 4

Common pitfalls

• Installing vue-pinia-best-practices (9,005 installs) before vue-best-practices-Pinia patterns rely on the base Composition API skill.
• Using vue-options-api-best-practices (6,160 installs) on a <script setup> codebase-it teaches the Options API, which conflicts with modern Composition API generation.
• Skipping vue-testing-best-practices and getting test files that import Vue (the Vue 2 default export) instead of createApp-the skill's test templates prevent this.

Browse the complete Vue + frontend collection and see how Vue pairs with a UI design workflow.

Common questions