Frontend Architecture

This one walks you through the structural decisions that keep frontend codebases from turning into spaghetti as they grow. It covers component hierarchies, the container/presentational split, layer separation (presentation, application, domain, infrastructure), and patterns like MVC and composition over inheritance. The examples are practical, showing you how to break apart a bloated UserDashboard or implement a proper repository pattern with TypeScript classes. Use it when you're architecting a new app, refactoring legacy code, or need to make decisions about state management and module boundaries. The focus is less on specific frameworks and more on the underlying patterns that work across React, Vue, or whatever comes next.

Install to Claude Code

npx -y skills add manutej/luxor-claude-marketplace --skill frontend-architecture --agent claude-code