mobile-screen-evallisted

Run rigorous heuristic and accessibility evaluations on mobile app screens. Use whenever the user wants to heuristic-eval, UX audit, critique, accessibility-check, or review mobile screens, whether shared as Figma frames, exported images, or descriptions. Applies three layers (Nielsen's 10 usability heuristics, WCAG 2.1 AA accessibility, and mobile platform accessibility from iOS HIG plus Material Design). Produces a per-screen markdown report with severity-rated findings on Nielsen's 0–4 scale. Trigger even when the user just pastes a single screen and says "review this," "audit this," "any issues with this," or "what would you change." Works for any mobile product, from consumer apps and B2B tools to fintech, health, or any other domain.
jainulabudeenm/mobile-screen-eval · ★ 1 · Web & Frontend · score 72

Install: claude install-skill jainulabudeenm/mobile-screen-eval

# Mobile Screen Eval A rigorous three-layer evaluation framework for mobile app screens. Domain-agnostic: works for any mobile product on iOS or Android. Produces findings that are specific, evidence-based, and actionable. ## What this skill does Takes a screen (Figma frame, exported image, or description) plus optional flow context, and produces a per-screen markdown report with exhaustive findings. Each finding is rated on Nielsen's 0–4 severity scale, tied to a specific heuristic or accessibility criterion, and accompanied by a concrete recommendation. Three evaluation layers run in order: 1. Nielsen's 10 usability heuristics 2. WCAG 2.1 AA accessibility 3. Mobile platform accessibility: iOS HIG + Material Design ## When to use this skill Any time the user asks to evaluate, audit, critique, or review a mobile screen for usability or accessibility. Works for single screens or batches. If the product has its own design principles or brand guidelines, ask the user to share them. They can be applied as a fourth layer on top of the universal three. ## Workflow ### Step 1: Understand the screen - If a Figma frame link is provided and Figma MCP is connected: call `Figma:get_design_context` for structured layer data. - If an image is provided: analyze visually. Note explicitly what you can and cannot assess at the image's resolution. - Identify screen type: entry / list / detail / form / confirmation / error / empty state / modal / bottom sheet / other. - Note the user's a