vuejs-ai/skillsSKILLClaude Skill

skills

Agent skills for Vue 3 development

2.4kstars

140forks

Quality signals

StaleNo testsNo CIThin docsNo licensePopular

Open Repository Download ZIP

AI summary

Auto-generated overview of what this skill does and when to reach for it.

Pre-built AI agent skills that teach Vue 3 best practices, debugging, and composable patterns to improve code quality and reduce errors.

Use this when

Debugging Vue 3 runtime errors or hydration issues
Setting up Pinia stores with proper reactivity patterns
Converting Options API code to Composition API
Writing reusable composables with flexible reactivity inputs
Following Vue Router 4 navigation guard best practices

Don't use when

Building a project from scratch without AI assistance
Debugging non-Vue JavaScript issues
Working with Vue 2 or older frameworks

Capabilities

Teaches Vue 3 best practices for Composition API and TypeScript
Provides SSR and performance optimization guidance
Offers debugging patterns for runtime errors and hydration mismatches
Includes Pinia store setup with reactivity patterns
Supplies composable creation templates with MaybeRef/MaybeRefOrGetter inputs
Documents common gotchas in Vue Router 4 navigation

InstallSKILLInstall as a Claude Code skill

Universal installANY TOOL

$ npx skillcity@latest vuejs-ai/skills

Auto-detects the skill or MCP server in this repo and installs it for Claude Code, Codex, Cursor or Cline.

Requires Node.js 18+ (ships with npx).

Or install manually

# Install into ~/.claude/skills/
mkdir -p ~/.claude/skills/skills
curl -fsSL https://raw.githubusercontent.com/vuejs-ai/skills/main/README.md -o ~/.claude/skills/skills/SKILL.md

Loading README…

Discover the toolingbehind modern intelligence

skills