About mobile-first-ui-review
mobile-first-ui-review is a review skill for evaluating mobile interfaces as touch experiences, with attention to device constraints and accessibility. It produces prioritized findings or a concrete patch plan tied to rule IDs.
Key features
- 01Mobile task and device analysis
- 02Review of touch flow and hierarchy
- 03Accessibility and platform checks
- 04Prioritized blockers and polish
- 05Findings linked to rule IDs
Use cases
- 01Reviewing a mobile screen before release
- 02Planning fixes for one-handed use
- 03Checking keyboard and safe-area behavior
Install
Copy the command and run it in a terminal.
$
npx skills add https:/After installing, type/mobile-first-ui-reviewin Claude Code to confirm it loaded.
Bundled filesagents/openai.yamlreferences/mobile-ui-rules.md
Details
From the project READMEMobile First UI Review
Use this skill to make mobile experiences feel native, fast, and easy to operate with one hand.
Workflow
- Identify the primary mobile job, screen type, and device constraints.
- Read
references/mobile-ui-rules.md. - Review the UI through hierarchy, reachability, input, feedback, platform chrome, accessibility, and failure states.
- Separate critical blockers from polish opportunities.
- Produce a concrete patch plan or review findings with rule IDs.
When not to use
- Do not use for generic advice the base model already handles without this skill's specific artifact contract.
Guardrails
- Do not optimize only for screenshots; optimize the lived touch flow.
- Preserve accessibility, reduced motion, dynamic type, safe areas, and keyboard behavior.
- Prefer removing friction before adding decoration.
Output format
Surface:
Primary mobile job:
Critical issues:
- <rule id> <issue> -> <fix>
Polish opportunities:
- <rule id> <detail> -> <fix>
Accessibility checks:
- Screen reader:
- Focus order:
- Dynamic type / text scaling:
- Motion and animation:
Mobile acceptance checks:
- <check>
Comments
Markdown supported