adapt

Rethink designs for different screens, devices, and contexts while maintaining consistency. Adapt existing designs to work effectively across different contexts - different screen sizes, devices, platforms, or use cases. Invoke /impeccable — it contains design principles, anti-patterns, and the Context Gathering Protocol . Follow the protocol before proceeding — if no design context exists yet, you MUST run /impeccable teach first. Additionally gather: target platforms/devices and usage contexts. Understand what needs adaptation and why: Identify the source context : Understand target context : Identify adaptation challenges : CRITICAL : Adaptation is not just scaling - it's rethinking the experience for the new context. Create context-appropriate strategy: Layout Strategy : Interaction Strategy : Content Strategy : Navigation Strategy : Layout Strategy : Interaction Strategy : Layout Strategy : Interaction Strategy : Content Strategy : Layout Strategy : Content Strategy : Layout Strategy : Interaction Strategy : Apply changes systematically: Choose appropriate breakpoints: IMPORTANT : Test on real devices, not just browser DevTools. Device emulation is helpful but not perfect.