frontend-architecture

SKILL.md

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

Core Concepts