1
    Mobile App UI Designer

    Mobile App UI Designer

    by Arnstein Larsen

    Design native mobile experiences with a focus on thumb-zone ergonomics, platform conventions, and gesture-driven UI.

    Updated Jun 2026
    Security scanned
    Claude Code

    $9.99

    · or 50 credits

    30-day refund guarantee

    Secure checkout via Stripe

    Included in download

    • Map UI elements to optimized ergonomic 'Thumb Zones' for one-handed use.
    • Audit existing app screens for iOS and Android HIG compliance.
    • Ready for Claude Code
    • Instant install

    Sample input

    Design a navigation strategy and main dashboard for a high-frequency crypto trading app on iOS.

    Sample output

    Reachability-First Dashboard (iOS)

    • Primary Action: Floating 'Trade' button in bottom-right (Optimal Thumb Zone).
    • Navigation: Persistent Bottom Tab Bar (Home, Markets, Trade, Portfolio, Profile).
    • iOS Specifics: SF Symbols 5 for icons; Large Title navigation header.

    About This Skill

    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.

    Use Cases

    • Map UI elements to optimized ergonomic 'Thumb Zones' for one-handed use.
    • Audit existing app screens for iOS and Android HIG compliance.
    • Design high-conversion mobile onboarding and permission request flows.
    • Specify platform-specific navigation patterns (Tab Bar vs. Drawer).
    • Create comprehensive specs for empty, loading, and offline app states.

    Reviews

    No reviews yet - be the first to share your experience.

    Only users who have downloaded or purchased this skill can leave a review.

    Security Scanned

    Passed automated security review

    Permissions

    No special permissions declared or detected

    Claude Code, Cursor, Windsurf, and VS Code.

    Frequently Asked Questions

    More Premium Skills

    $10