| name | mobile-responsive-adaptation |
| description | Use when adapting experiences for small screens, responsive layouts, orientation changes, zoom, and varying input contexts without losing accessibility. |
Mobile Responsive Adaptation
Use this skill when reviewing responsive behavior on phones and tablets. Focus on whether content and interaction remain accessible as layouts compress, reflow, or change orientation.
Review Layout Behavior
- Check reading order, focus order, and discoverability as components rearrange
- Evaluate orientation support, zoom/reflow behavior, and fixed-position elements
- Identify content or actions hidden behind truncation, overflow, or collapsed UI
- Review spacing and touch affordances under dense layouts
Improve Adaptation
- Preserve structure and task flow across breakpoints
- Avoid responsive patterns that remove labels, instructions, or landmarks
- Ensure menus, filters, and dialogs remain operable in constrained space
- Support text resizing and browser zoom without clipping or overlap
Output
- Describe where responsiveness creates accessibility regressions
- Recommend layout changes that preserve clarity and operability
- Flag mobile breakpoints that need targeted retesting