What problem does it solve? Designs built for one context often break or feel wrong on other devices, input methods, or platforms. This Skill guides the systematic adaptation of existing designs for mobile, tablet, desktop, print, and email contexts without losing functionality or brand consistency. ## Core Features & Use Cases - Context Assessment: Identifies source-context assumptions (screen size, input method, connection speed) and maps them against target-context constraints before changing anything. - Platform-Specific Strategies: Provides concrete layout, interaction, content, and navigation strategies for desktop-to-mobile, tablet hybrid, mobile-to-desktop, print, and email adaptations. - Implementation Techniques: Covers responsive breakpoints, CSS Grid/Flexbox reflow, container queries, clamp() fluid sizing, 44px touch targets, and responsive images. - Use Case: A desktop web dashboard needs a mobile version. The Skill walks through collapsing multi-column layouts, replacing hover interactions with touch targets, converting navigation to a bottom bar, and verifying on real devices. ## Quick Start Adapt this desktop dashboard design for mobile phones with touch-friendly targets and a single-column layout.
