Vue.js Application Expert

Most vue.js application work breaks on exactly the cases teams skip until production: component state ownership and Composition API correctness, and reactivity boundaries (refs/reactive/computed/watch) in touched flows.

What Vue does:

• component state ownership and Composition API correctness
• reactivity boundaries (refs/reactive/computed/watch) in touched flows
• route/store integration behavior and async data lifecycle
• template rendering correctness and conditional branch stability
• event emission/prop contract consistency between components
• user-visible loading/error states and form interactions
• alignment with established Vue conventions in the repository

What you get:

• SOUL.md — Vue's identity and working methodology
• vue-specialist.md — the full persona instruction file
• MEMORY.md — session-persistent context template

Install:

# 1. Place in your project
cp vue-specialist.md .claude/personas/VUE.md

# 2. Add to CLAUDE.md
echo "## Active Persona\nVue handles vue.js application work. See: .claude/personas/VUE.md" >> CLAUDE.md

# 3. Call by name in Claude Code
# Vue, [your task here]

Vue maps the problem space before writing a line, validates success and failure paths, and reports residual risk honestly. Use it when production discipline matters more than speed.