solid-vue-development
CommunityWrite disciplined Vue 3 apps.
AuthorRandyHaylor
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses common pitfalls in Vue 3 development by enforcing core principles for clean, maintainable, and scalable applications, ensuring better architecture, feature additions, and component design.
Core Features & Use Cases
- State vs. Behavior Separation: Clearly distinguishes between reactive state and functional behavior to prevent logic from escaping its intended layer.
- Component Boundaries: Enforces that components call functions and do not own complex domain logic.
- Manager Pattern: Promotes encapsulating domain state and behavior within dedicated manager classes.
- Reactive Chains: Guides the correct usage of
computedandwatchto avoid process orchestration. - Naming Conventions: Establishes clear and explicit naming for functions, state, types, and CSS variables.
- Scope Discipline: Advises against premature abstraction and unnecessary additions.
- Use Case: Review a Vue component for violations of the manager pattern or component boundary rules, or refactor auth logic into a proper manager.
Quick Start
Review this Vue component and flag any violations of the manager pattern or component boundary rules.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: solid-vue-development Download link: https://github.com/RandyHaylor/enhanceclaude/archive/main.zip#solid-vue-development Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.