What problem does it solve? Developers working on Shopify Remix apps often struggle with inconsistent file organization, unclear layer boundaries, and ad-hoc component structure, leading to tangled codebases that are hard to maintain and scale. ## Core Features & Use Cases - Layered Architecture Guidance: Enforces the Repository → Service → Route dependency direction with concrete TypeScript examples for models, services, and Remix loaders/actions. - Atomic Design System: Defines rules for organizing Polaris components into atoms, molecules, organisms, templates, and pages, including import rules and promotion criteria. - Coding Conventions: Standardizes naming, file colocation, DRY rules, error handling with AppError, import ordering, TypeScript type guards, and immutability patterns. - SDLC Workflow: Maps a six-phase development lifecycle (Plan → Design → Build → Test → Deploy → Maintain) to slash commands and deliverables. - Use Case: When creating a new feature, consult this Skill to decide whether code belongs in a model, service, or route, and where new UI components fit in the Atomic Design hierarchy. ## Quick Start Ask the AI to review where a new business logic function should be placed in the app layer structure and which component level a new UI element belongs to.
