What problem does it solve?
This Skill helps you adapt existing designs so they stay usable, consistent, and effective across different devices, screen sizes, inputs, and platforms.
Core Features & Use Cases
- Responsive layout planning: Reframe multi-column desktop experiences into mobile-friendly single-column flows, or expand compact layouts for larger screens.
- Interaction and navigation adaptation: Replace hover-dependent or mouse-first patterns with touch-friendly controls, clearer navigation, and thumb-reachable actions.
- Context-specific formatting: Prepare designs for print, email, tablet, or other environments where the original interface assumptions no longer hold.
- Use case: A desktop dashboard needs to work on phones and tablets without losing critical functionality, so the Skill reorganizes content priority, navigation, and spacing for each context.
Quick Start
Adapt the attached design for mobile, tablet, and desktop while preserving the core user flow and prioritizing touch-friendly interactions.