Frontend Development Guidelines

Purpose

Comprehensive guide for modern frontend development across React, Vue 3, Svelte 5, and Angular. Covers framework-specific patterns, common architectural principles, and cross-framework best practices.

When to Use This Skill

• Creating components or pages in React, Vue, Svelte, or Angular
• Building new features with framework-specific patterns
• Implementing state management (Pinia, Zustand, stores, signals)
• Setting up routing (TanStack Router, Vue Router, SvelteKit, Angular Router)
• Data fetching patterns (TanStack Query, composables, SvelteKit load functions)
• Performance optimization across frameworks
• Component composition and reusability
• TypeScript integration and best practices
• Choosing the right framework for a project
• Migrating between frameworks