What problem does it solve?
This Skill provides guidelines and concrete patterns for building TypeScript-friendly Vue 3 (Composition API) and Svelte 5 projects, improving consistency and maintainability across front-end codebases.
Core Features & Use Cases
- Vue 3 Patterns: Composition API usage, prop typing, emits, and lifecycle integration with TypeScript.
- Composables & Stores: Typed composables, Pinia stores for Vue, and Svelte stores for state management.
- Svelte 5 Patterns: Runes-based components, stores, and transition patterns to build reactive UI with strong typing.
- Component Architecture: Reusable patterns for components, slots, and event-driven communication.
- Usage Scenarios: Ideal for teams adopting a mixed Vue 3 + Svelte 5 stack in enterprise front-end projects.
Quick Start
Install a Vue 3 + TypeScript project and a Svelte 5 setup; then study the included patterns and examples to apply type-safe best practices immediately.