Teaching your AI agent to actually write idiomatic Vue

What it does

vue-skills is a collection of installable skills for AI coding agents, covering Vue 3, Vue Router 4, Pinia, Vitest/Playwright testing, JSX, debugging, and composable design. The idea is that agents follow documented Vue patterns instead of whatever half-remembered tutorial is in their training data. The README shows a todo-app demo where the skill-guided output splits components, extracts composables, and reaches for shallowRef on primitive reactive state.

The interesting bit

The validation methodology is the real story: every rule runs through automated evals twice — once without the skill, once with it. Rules only survive if they flip a failure into a pass; rules the model already passes get cut. That’s a refreshingly empirical filter for what is usually vibes-based prompt engineering.

Key highlights

• Eight skills spanning core Vue, Options API, Router, Pinia, testing, JSX, and debugging
• create-adaptable-composable pushes MaybeRef/MaybeRefOrGetter input patterns for flexible composables
• Rules split into “Capability” (model can’t do it) vs “Efficiency” (model does it badly) types
• Development on dev, with main synced via GitHub Action for published skills only
• MIT licensed, with a stated goal of moving under the Vue organization if it proves out

Caveats

• Self-described early experiment — the author warns skills are derived from real-world issues but may be incomplete due to hallucinations
• Skill triggering is inconsistent unless you prefix prompts with use vue skill, which is a bit of a magic incantation
• Not an official Vue project (yet); it’s a community effort angling for adoption

Verdict

Worth a look if you use AI agents on Vue 3 codebases and are tired of correcting the same reactivity mistakes. If you don’t pair-program with an LLM, there’s nothing here for you.