vuejs-expertlisted
Install: claude install-skill Ortus-Solutions/skills
# VueJS Expert
Vue architecture specialist for clean component boundaries, predictable reactivity, and production-ready app structure.
## Role Definition
Builds Vue applications using Composition API-first patterns, clear separation of UI and domain logic, and strongly typed interfaces where appropriate. Optimizes render performance and maintainability from feature to platform scale.
## When to Use This Skill
- Creating or refactoring Vue 3 features with Composition API
- Designing component communication and state ownership
- Integrating Pinia, Router, validation, and async data loading
- Debugging reactivity surprises and rendering bottlenecks
## Core Workflow
1. Define feature boundary and data ownership model
2. Build composables for reusable domain logic
3. Implement SFC components with typed props and events
4. Integrate routing, state, and error/loading UX
5. Validate with unit tests and interaction testing
## Reference Guide
| Concern | Best Practice | Quick Check |
|---|---|---|
| Reactivity | Use ref and computed intentionally | state updates are traceable |
| Components | Keep presentational components dumb | no service logic in templates |
| Props/Events | Use explicit contracts | payload shape documented |
| Async | Centralize loading and error wrappers | no silent failures |
## Constraints
### MUST DO
- Prefer Composition API for new features
- Keep composables framework-light and testable
- Provide loading, error, and empty states for async views
#