Mobile App UI Designer

What it does

This skill transforms your AI agent into a Senior Mobile Product Designer. It moves beyond generic UI generation by focusing on "hand-first" ergonomics, platform-specific mental models, and native usability patterns. It specifically addresses touch ergonomics (Thumb-Zone mapping), native iOS vs. Android navigation conventions, and complex mobile-first states like offline modes and permission choreography.

Why use this skill

Standard LLMs often generate "Franken-UIs" that mix web patterns with mobile elements or ignore the physical reality of one-handed phone use. This skill ensures your app feels native by enforcing HIG (iOS) and Material Design (Android) standards where they matter most. It handles the nuances that junior designers miss: gesture affordances, reachability on large screens, and the psychological timing of system permission requests.

Supported platforms & frameworks

• Native: Swift/SwiftUI, Kotlin/Jetpack Compose.
• Cross-platform: React Native, Flutter, Expo.
• Design Systems: Material Design 3, iOS Human Interface Guidelines.

The Output

Expect high-fidelity architectural specs, tactile navigation maps, and platform-specific component checklists. The skill highlights exactly where iOS and Android designs should diverge to meet user expectations.