
Mobile Game UI Interaction Pattern Analyzer
Analyze mobile game UI patterns for touch responsiveness and player engagement
What You Can Do
You can submit UI mockups, wireframes, or detailed descriptions of mobile game screens to Claude for comprehensive interaction pattern analysis. Claude evaluates touch target sizing, gesture hierarchies, screen orientation handling, accessibility compliance (WCAG 2.1 AA), and player engagement friction points. You'll receive specific, actionable recommendations for optimizing layouts across phones, tablets, and foldables—plus competitor pattern benchmarking and tutorial flow refinement.
Features
validates button sizes, spacing, and hit zones meet mobile best practices (minimum 48x48dp)
maps interaction complexity and identifies unintuitive navigation patterns
reviews layout responsiveness across phones, tablets, and foldable screens
checks WCAG 2.1 AA compliance for contrast, text sizing, keyboard navigation, and screen reader compatibility
compares your UI interactions against industry-leading mobile games
evaluates visual/haptic response timing and player perception of input lag
identifies layout shifts and retention issues in portrait/landscape transitions
streamlines tutorial sequences and reduces new-player friction
Example Output
Example 1: Touch Target Analysis
✓ Pause button: 56x56dp (compliant)
✗ Inventory slots: 40x40dp (TOO SMALL — increase to 48x48dp minimum)
⚠ Shop currency display: Text at 11sp (borderline; recommend 14sp+ for readability on smaller phones)
Fix: Add 8dp padding around inventory grid; increase touch zones by 20%
Example 2: Gesture Hierarchy Issue
Problem: Swipe-to-dismiss inventory conflicts with swipe-to-pan camera in world
Recommendation: Use pull-down-to-dismiss for inventory instead; reserve horizontal swipe for camera control
Expected improvement: Reduced mis-taps by ~35% (industry benchmark)
Example 3: WCAG Accessibility Gap
✗ Missing: Screen reader labels on stat bars (health, mana, XP)
✗ Color-only feedback: "Low health" shown only in red text — add icon indicator
✓ Already compliant: Button contrast (4.5:1), font scaling support
Action: Add aria-labels; implement icon + color redundancy
What's Included
- SKILL.md: complete skill documentation and context
- Mobile Game UI Audit Template: structured checklist for systematically evaluating UI patterns
- Touch Target Compliance Worksheet: device-specific DPI/viewport calculations with safe sizing recommendations
- Gesture Hierarchy Mapper: interaction flow diagram template for identifying conflicts
- WCAG 2.1 AA Mobile Compliance Checklist: accessibility validation criteria specific to mobile games
- Multi-Device Responsiveness Grid: common breakpoints and layout shift prevention guidelines
Who It's For
- Mobile game UI/UX designers — optimizing interaction patterns and player engagement across devices
- Game developers — validating UI implementation meets design specifications and accessibility standards
- Product managers — evaluating competitive UI benchmarks and identifying retention friction points
- QA/Testing leads — planning systematic UI/accessibility testing before launch
- Solo indie developers — catching UI design issues before investing in visual assets
Best For
- Designing new mobile game screens or complete navigation systems
- Auditing existing UI for touch responsiveness, accessibility, and usability gaps
- Optimizing layouts across multiple device sizes (phones, tablets, foldables) and orientations
- Evaluating gesture controls, button hierarchies, and input feedback timing
- Validating WCAG 2.1 AA compliance and planning accessibility remediation
- Refining onboarding flows, tutorial sequences, and new-player experience friction







