vue-ecosystem-skills

vue-ecosystem-skills

AI agent skills for the bleeding edge Vue ecosystem. Built from real docs, issues, and releases.

Why?

Getting agents to follow the latest conventions in the Vue ecosystem is difficult. All agents still struggle with Vue 3.5 APIs out of the box - and with Vue 3.6 on the horizon alongside recent releases for Pinia v3, Vue Router v5, Reka UI v2, and VueUse v14, getting the right context to agents is as important as ever.

Hand-crafted rules are great, but maintaining them is a burden - especially when working across several packages that are all actively releasing. Author-shipped skills (skills-npm) are the ideal solution, but most Vue libraries don't ship them yet.

This repo bridges the gap: pre-generated skills from real sources (docs, GitHub issues, discussions, changelogs) using skilld. Install once, get version-aware context for the entire Vue ecosystem - no manual curation, no author opt-in, and no LLM tokens spent on generation.

Made possible by my Sponsor Program 💖 Follow me @harlan_zw 🐦 • Join Discord for help

Features

• 📦 Bleeding Edge Context: Always use the latest best practices and avoid deprecated patterns.
• 📚 Unopinionated: Just follows the docs, no personal biases or opinions injected
• 🔬 Deep References: Real GitHub issues, discussions, and changelogs
• 🎯 Version-Aware: API changes and best practices tied to specific package versions
• 🍋 Always up-to-date: Hooked into ecosystem releases so you're always working with the latest best practices
• 🤝 Ecosystem: Compatible with npx skills and skilld

Quick Start

npx skilld add harlan-zw/vue-ecosystem-skills

Or if you prefer skills.sh:

npx skills add harlan-zw/vue-ecosystem-skills

Ensure skills are used - Add this to your agent file (e.g. CLAUDE.md, .cursorrules):

Before modifying code, evaluate each installed skill against the current task.
For each skill, determine YES/NO relevance and invoke all YES skills before proceeding.

Claude Code Marketplace

# Add marketplace
/plugin marketplace add harlan-zw/vue-ecosystem-skills

# Install individual skills
/plugin install pinia@vue-ecosystem-skills

# Install multiple skills
/plugin install pinia@vue-ecosystem-skills vue-router@vue-ecosystem-skills reka-ui@vue-ecosystem-skills

Available Skills

Core

npx skilld add harlan-zw/vue-ecosystem-skills --skill vue              # 3.6.0-beta.6
npx skilld add harlan-zw/vue-ecosystem-skills --skill pinia            # 3.0.4
npx skilld add harlan-zw/vue-ecosystem-skills --skill vue-router       # 5.0.2
npx skilld add harlan-zw/vue-ecosystem-skills --skill vue-test-utils   # 2.4.6
npx skilld add harlan-zw/vue-ecosystem-skills --skill unhead           # 2.1.4

Data & State

npx skilld add harlan-zw/vue-ecosystem-skills --skill pinia-colada          # 0.21.4
npx skilld add harlan-zw/vue-ecosystem-skills --skill tanstack-vue-query    # 5.92.9
npx skilld add harlan-zw/vue-ecosystem-skills --skill tanstack-vue-store    # 0.9.1
npx skilld add harlan-zw/vue-ecosystem-skills --skill tanstack-vue-table    # 8.21.3
npx skilld add harlan-zw/vue-ecosystem-skills --skill tanstack-vue-virtual  # 3.13.18
npx skilld add harlan-zw/vue-ecosystem-skills --skill tanstack-vue-form     # 1.28.3
npx skilld add harlan-zw/vue-ecosystem-skills --skill tanstack-vue-router   # 1.160.0
npx skilld add harlan-zw/vue-ecosystem-skills --skill tanstack-ai-vue       # 0.5.4

UI