Works with the AI tools you already use

    CClaude CodeCCursorCCodex CLIGGitHub CopilotGGemini CLIVVS CodeWWindsurf+15 more

    Mobile App UI Designer

    by Arnstein Larsen

    1

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

    $9.99

    · or 50 credits

    30-day refund guarantee

    Secure checkout via Stripe

    0 installsNo reviews yet

    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.

    frontend
    mobile-ui
    ux-design
    ios-design
    android-design
    product-design

    Details

    How to install

    Drop the file into your AI Agent. Works with Claude, Cursor, ChatGPT, and 20+ more.

    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

    Creator

    Arnstein Larsen

    Frequently Asked Questions

    Browse More Skills

    frontend-motion-wizard

    frontend-motion-wizard

    Advanced responsive layout and interactive micro-interaction engine for React, Tailwind CSS, and Framer Motion. Automatically injects fluid element states, mobile-first touch behaviors, adaptive viewports, and non-destructive layout transitions into static codebases

    Free
    495.0(2)
    Cinematic Landing Page Builder

    Cinematic Landing Page Builder

    Turn any business URL into a high-end animated landing page with 4K AI assets and GSAP animations via Cloudflare.

    $19
    165.0(1)
    Award Winning Design: Turn Claude Into a World Class Designer

    Award Winning Design: Turn Claude Into a World Class Designer

    v2 of Design Philosophy — a senior-designer brain for your agent. Industry-specific, award-caliber UI plus six pro UX reasoning modules. Same prompt, radically better design.

    $7.99
    144.5(2)

    cinematic-sites

    Turn any basic business URL into a high-end cinematic landing page with AI-generated 4K assets and GSAP animations.

    $12
    105.0(1)