Skills Coding

Vue Best Practices

Stop Vue 3 hallucination: current APIs, composition patterns, and the mistakes models still repeat.

Cursor Claude Codex VueVue3composition

What it is

Vue Best Practices exists because models still emit Options API leftovers, wrong lifecycle names, and outdated Vuex. The skill pins current Vue 3 guidance and asks the agent to verify against the local package version.

When to use

Use when generating or reviewing Vue 3 / Vite code.

How to install

Install vue-best-practices/SKILL.md in any Vue app repo.

# Claude Code
.claude/skills/vue-best-practices/SKILL.md

# Grok Build
.grok/skills/vue-best-practices/SKILL.md

# Codex
.agents/skills/vue-best-practices/SKILL.md

Example prompt

Rewrite this component in Vue 3 composition API. Match our local vue version. No Vuex.

Source: Open Agent Skills ecosystem

Read the full install guide →

Related skills