skills.rest
ebenfc
ebenfcCOMMUNITY
Explore all skills by this author →
GitHub

mobile-ux

Review web pages and UI components for mobile UX compliance.

Updated Aug 27, 2026
Search Tags:#performance#responsive design#usability#mobile ux#touch targets#gesture conflicts
One-click install
npx skills add https://github.com/ebenfc/bird-photo-gallery --skill mobile-ux
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-ux
Source: https://github.com/ebenfc/bird-photo-gallery/tree/main/.claude/skills/mobile-ux
Command: npx skills add https://github.com/ebenfc/bird-photo-gallery --skill mobile-ux

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps ensure that web pages and components provide an excellent and intuitive user experience on mobile devices, addressing common usability issues.

Core Features & Use Cases

  • Mobile UX Review: Evaluates touch targets, gesture conflicts, responsive layout, text readability, performance, and safe area considerations.
  • Use Case: A product team is launching a new feature and wants to ensure it's perfectly usable on smartphones before release. They use this Skill to get a comprehensive review of the mobile experience.

Quick Start

Use the mobile-ux skill to review the mobile user experience of the 'UserProfilePage' component.

Frequently Asked Questions about mobile-ux

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I review mobile UX for touch targets and gesture conflicts?▼

Analyze web components for mobile UX by checking touch target sizing, resolving gesture conflicts, and verifying responsive layout behavior against WCAG 2.1 AA standards and mobile-first design principles.

What is safe area compliance in responsive design?▼

Safe area compliance ensures responsive layouts account for device notches and home indicators. Review web page code to verify UI components respect these boundaries for optimal mobile usability.

Can I check text readability and performance for mobile-first design?▼

Yes, evaluate text readability and performance by analyzing web page code against mobile-first design principles. This review identifies rendering bottlenecks and typography issues affecting mobile user experience.

Does this mobile UX review support WCAG 2.1 AA standards?▼

Yes, the mobile UX review supports WCAG 2.1 AA standards by analyzing code to ensure touch targets, text readability, and responsive layouts meet accessibility requirements for mobile devices.

How to optimize a web page component for mobile user experience?▼

Optimize a web page component by running a comprehensive mobile UX review that checks touch targets, gesture conflicts, responsive layout, text readability, performance, and safe area compliance.

Related Skills

Explore More Design & Creative Skills→
uzh-bfuzh-bf
41

web-design-guidelines

Audit HTML, CSS, and JavaScript UI code against Web Interface Guidelines.

Official
Basic
tuliopc23tuliopc23

axiom-accessibility-diag

Diagnose iOS and macOS accessibility violations with remediation strategies and code examples.

Community
Advanced
pacphipacphi
14

webapp-testing

Run Playwright automated UI tests on local web applications.

Community
Advanced
ramunasnognysramunasnognys
1

mobile-testing-playwright

Automate iOS and Android mobile testing with Playwright MCP for UI and interaction issues.

Community
Intermediate