Vue Best Practices

A workflow-driven skill that enforces Composition API and TypeScript as the default for all Vue 3 work. It won't let you write code before you plan component boundaries and confirm your architecture, which sounds annoying but actually saves time on anything beyond a throwaway demo. The core idea is keeping entry components thin and splitting responsibilities into focused child components plus composables. It includes 20+ reference docs covering reactivity, SFC structure, data flow, slots, transitions, and performance techniques like list virtualization. The mandate to load and keep core references in context throughout the task is opinionated but keeps you honest about Vue patterns instead of guessing.