mobile-app-ux

Apply mobile UX guidelines for touch targets, navigation, and accessibility.

3|1|Updated Nov 28, 2025
One-click install
npx skills add https://github.com/iButters/ClaudeCodePlugins --skill mobile-app-ux
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mobile-app-ux
Source: https://github.com/iButters/ClaudeCodePlugins/tree/main/plugins/ui-kit-generator/skills/mobile-app-ux
Command: npx skills add https://github.com/iButters/ClaudeCodePlugins --skill mobile-app-ux

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Mobile app UX best practices for smartphone interfaces. Focuses on touch targets, gestures, navigation, and optimizing user experience on small screens.

Core Features & Use Cases

  • Touch target guidelines for buttons, icons, and inputs.
  • Do's & Don'ts for navigation, content, forms, and interaction.
  • Pattern examples: Bottom Sheet, Swipeable Cards, Bottom Navigation, FAB.
  • Accessibility & performance considerations.

Quick Start

Build a small mobile interface using bottom navigation and a bottom sheet pattern guided by the guidelines to ensure tap targets meet size requirements and interactive patterns are discoverable.

Frequently Asked Questions about mobile-app-ux

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

FAQPage Schema
How do I design touch targets that work well on mobile phones?

Touch targets should meet minimum size requirements—typically 48×48 dp or larger—to accommodate finger input accurately. This Skill provides guidelines for buttons, icons, and inputs across common mobile UI patterns, ensuring users can tap reliably without frustration or mis-taps.

What gestures and navigation patterns should I use for mobile apps?

Mobile UX relies on discoverable gesture interactions and clear navigation structures. This Skill covers swipe patterns, bottom navigation, bottom sheets, and floating action buttons (FAB), with do's and don'ts for each to guide users intuitively through your app.

How do I optimize forms and feedback for small screens?

Mobile forms need simplified layouts, clear labeling, and immediate feedback to reduce errors on touch devices. This Skill includes form strategies, input validation patterns, and visual feedback techniques tailored to smartphone constraints and touch interaction.

What accessibility and performance standards apply to mobile interfaces?

Mobile apps must support semantic HTML, ARIA labels, sufficient color contrast, and fast animations to remain accessible and responsive. This Skill outlines accessibility requirements and performance considerations—lazy loading, skeleton screens, animation frame rates—to ensure quality across devices.

Can I apply these mobile UX guidelines to both iOS and Android platforms?

Yes. This Skill focuses on touch-first interface principles that apply across smartphone platforms. While platform-specific conventions exist, the core guidelines for touch targets, spacing, gestures, and accessibility patterns work as a foundation for both iOS and Android development.

What happens if touch targets are too small or spacing is inconsistent?

Small touch targets and poor spacing cause mis-taps, user frustration, and accessibility failures—especially for users with motor impairments. This Skill defines minimum target sizes and spacing rules to prevent these usability issues and maintain measurable UI standards.