What problem does it solve? Designs built for one context often break or feel wrong on other devices, and this Skill guides the systematic adaptation of layouts, interactions, and content for mobile, tablet, desktop, print, and email contexts. ## Core Features & Use Cases - Context Assessment: Identifies source assumptions and target constraints including input methods, screen sizes, connection speeds, and usage contexts before adapting. - Platform-Specific Strategies: Provides concrete layout, interaction, content, and navigation strategies for mobile, tablet, desktop, print, and email adaptations. - Implementation Techniques: Covers responsive breakpoints, CSS Grid and Flexbox reflow, container queries, clamp() fluid sizing, touch target sizing, and responsive images. - Use Case: A desktop web dashboard needs a mobile version. The Skill guides converting multi-column layouts to single-column stacking, replacing hover interactions with 44x44px touch targets, and moving navigation to a bottom bar. ## Quick Start Adapt this desktop dashboard design for mobile devices with touch-friendly targets and a single-column layout.
