Frontend Architecture Skill

When to Use This Skill

Use this skill when you need to:

Design scalable application architecture - Structure large-scale frontend applications with maintainable patterns
Choose architectural patterns - Select appropriate design patterns (MVC, MVVM, Flux) for your use case
Implement state management - Design state architecture for complex applications
Structure component hierarchies - Create reusable, composable component systems
Optimize build processes - Configure bundlers and build tools for optimal performance
Plan testing strategies - Architect comprehensive testing approaches across layers
Design module systems - Implement code splitting, lazy loading, and module boundaries
Scale codebases - Establish conventions for growing teams and applications
Refactor legacy code - Migrate to modern architectural patterns
Performance optimization - Structure applications for optimal load times and runtime performance