Vue Skills

Name: Vue Skills
Author: vuejs-ai

vuejs-ai/skills·9 plugins

Install Vue and Nuxt-oriented Claude skills for composables, best practices, debugging, JSX, router, Pinia, and testing in one marketplace.

Overview

vue-skills is a plugin marketplace for the Build phase that delivers nine Claude Code skills for Vue.js, Nuxt, composables, debugging, and testing best practices.

What is this marketplace?

9 plugins including vue-skills-bundle for one-shot install of the full Vue skill set.
vue-best-practices: mandatory guidance for develop, refactor, and review on Vue.js and Nuxt.
create-adaptable-composable: MaybeRef / MaybeRefOrGetter patterns with toValue() and toRef() in effects.
vue-debug-guides: runtime errors, warnings, async failures, and SSR/hydration debugging.
Additional skills cover JSX, Options API, router, Pinia, testing, and composable patterns per marketplace listing.
9 plugins listed in vue-skills marketplace
Includes vue-skills-bundle plus create-adaptable-composable, vue-best-practices, vue-debug-guides, vue-jsx-best-practice

Compatible agents: Claude Code, Cursor, Codex, Windsurf

Community signal: 2.5k GitHub stars.

What problem does it solve?

General coding agents hallucinate Vue patterns and miss Nuxt-specific pitfalls unless you hand-curate skills for every composable, store, and hydration issue.

Who is it for?

Indie frontend devs building or maintaining Vue 3 / Nuxt codebases primarily inside Claude-powered editors.

Skip if: Backend-only APIs, non-Vue stacks, or teams that do not use agent-assisted UI work.

What do I get? / Deliverables

After registering vue-skills, Claude follows Vue-aligned skills for reviews, composables, router, Pinia, JSX, and debugging instead of generic React-minded advice.

Up to 9 Vue-focused plugins available from one manifest
Agent-guided reviews and implementations aligned to vue-best-practices triggers
Debug and composable skills invocable per task description

Plugins in this marketplace

9 plugins — install individually after you add the marketplace.

PluginVersion

Vue Skills BundleInstall all Vue.js skills at once, including best practices, testing, router, Pinia, JSX, Options API, debug guides, and composable patterns.—Create Adaptable ComposableCreate 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.—Vue Best PracticesA collection of best practices and tips for developing applications using Vue.js. MUST be used when developing, refactoring, or reviewing Vue.js and Nuxt tasks.—Vue Debug GuidesVue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue issues.—Vue Jsx Best PracticesJSX syntax in Vue (e.g., class vs className, JSX plugin config).—Vue Options Api Best PracticesVue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only.—Vue Pinia Best PracticesPinia stores, state management patterns, store setup, and reactivity with stores.—Vue Router Best PracticesVue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.—Vue Testing Best PracticesUse for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.—

Recommended Marketplaces

AccesslintAccessLint/skills

accesslint is an AccessLint plugin marketplace that ships one plugin pairing WCAG 2.2 discovery with agent-driven remedi…54 stars

Agentic Pluginsjustjoheinz/agentic-plugins

agentic-plugins is a small Claude Code marketplace by justjoheinz with two complementary build-time plugins. ramsify gui…

Ai Design Componentsancoleman/ai-design-components

ai-design-components is a large Claude marketplace curated by Anton Coleman (Palo Alto Networks affiliation in metadata)…372 stars

Balkan Family Tree MarketplaceViaScopi/balkan-family-tree-plugin

The ViaScopi balkan-family-tree marketplace delivers one development plugin that teaches Claude Code how to work with Ba…

Bmad Dux Visual ArchitectYash-1511/bmad-dux-visual-architect

bmad-dux-visual-architect is a MIT-licensed Claude Code marketplace built around the dux plugin, a visual architecture s…1 stars

Cc Frontend Skillsoikon48/cc-frontend-skills

cc-frontend-skills is a one-plugin Claude marketplace curated by oikon48 for solo builders who want their agent to stop …68 stars

Journey fit

Primary fit

BuildUI/UX & frontend

The catalog content exclusively targets UI application construction with Vue.js, which belongs on the Build frontend shelf. Every listed plugin reinforces Vue/Nuxt component patterns, router, state, and diagnostics—not backend or infra.

How it compares

Vue-specific skill bundle marketplace, not a component library npm package or MCP server.

Common Questions / FAQ

Who is Vue Skills for?

It is for developers using Claude Code (or compatible agents) on Vue.js and Nuxt apps who want opinionated skills instead of ad-hoc prompts.

When should I use Vue Skills?

Use it during feature work, refactors, composable design, test setup, and when diagnosing Vue runtime or hydration errors.

How do I add Vue Skills to my agent?

Add the vuejs-ai/skills marketplace in Claude Code and enable Vue Skills-bundle or individual skills such as vue-best-practices and vue-debug-guides.