What problem does it solve? Designs built for one context often break or feel wrong on other devices, forcing teams to manually rethink layouts, interactions, and content for every screen size and platform. ## Core Features & Use Cases - Context Assessment: Analyzes source and target contexts including device type, input method, screen constraints, connection speed, and usage patterns before adapting. - Platform-Specific Strategies: Provides concrete adaptation strategies for mobile, tablet, desktop, print, and email, covering layout, interaction, content, and navigation. - Implementation Guidance: Covers responsive breakpoints, CSS Grid/Flexbox, container queries, clamp(), touch target sizing, and responsive images. - Use Case: You have a desktop web dashboard and need it to work on phones. The skill guides you through converting multi-column layouts to single-column stacks, replacing hover interactions with touch targets of at least 44x44px, and restructuring navigation into a bottom bar or hamburger menu. ## Quick Start Adapt my desktop dashboard design for mobile devices with touch-friendly layouts and navigation.
