Mobile Responsiveness Audit: AI Skill for UX Design
Mobile Responsiveness Audit is an AI skill that reviews any UI against mobile and touch standards. Every finding cites a concrete threshold, like 44pt targets or 16px body text, and comes with a specific fix.
npx skills add Uxcel-Lab/product-skills --skill ux-mobile-responsiveness-audit
What this skill does
Turns "is it mobile-friendly?" into a systematic audit with checkable thresholds and specific fixes.
- Sweeps seven areas, from viewport reflow to gesture safety and readability.
- Cites the concrete threshold behind every finding: 44pt/48dp targets, 8dp spacing, 16px body text.
- Checks thumb reach, so primary actions land where one-handed users can tap them.
- Flags wrong keyboard types, missing autofill, and free text where pickers fit.
- Catches actions hidden behind undiscoverable gestures with no visible control.
- Rates severity by whether the issue blocks the task on the actual device.
- Skips desktop-only targets instead of manufacturing findings.
- Ends with the top three fixes for the target device.
When to use it
Use it when you need an AI assistant to:
- audit a design, screen, or component for phones and tablets;
- check touch-target size, spacing, and thumb reachability;
- review forms for mobile input ergonomics;
- confirm layouts reflow across breakpoints and orientations;
- test readability and content priority on small screens;
- validate AI-generated mobile UI before it ships.
What this audit checks
| Area | What it catches |
|---|---|
| Viewport & reflow | Horizontal scrolling, fixed-width layouts, elements colliding between breakpoints |
| Orientation | Layouts that break on rotate, core features locked to one orientation |
| Touch targets | Targets under 44pt/48dp, gaps under 8dp, destructive actions flush against confirming ones |
| Thumb reach | Primary actions in top corners, delete buttons in the accidental-tap zone |
| Input ergonomics | Full QWERTY for numbers, missing autofill, free text where pickers fit |
| Gesture safety | Actions reachable only by hidden gestures, non-standard or multi-finger gestures |
| Readability & priority | Body text under 16px, overlong lines, first screens that show everything at once |
How the skill works
1
Confirm applicability
The skill checks device class, breakpoints, and the primary task; desktop-only targets get skipped, not padded.
2
Sweep seven areas
It checks reflow, orientation, touch targets, thumb reach, input ergonomics, gestures, and readability.
3
Report with thresholds
It rates each finding by device impact, cites the exact threshold, and names the top three fixes.
Try it with
Related skills
1.0.0
MIT
UX Design
Audits
