Works with the AI Agents you already use

    Claude CodeClaude CodeCursorCursorCodex CLICodex CLIMuseMuseDotsDots+21 more

    Mobile App UI Designer

    2

    Standard LLMs often generate "Franken-UIs" that mix web patterns with mobile elements or ignore the physical reality of one-handed phone use.

    $9.99

    Secure checkout via Stripe

    Money-back guarantee

    Converts to your local currency at checkout

    Security scanned
    Mobile App UI Designer

    Mobile App UI Designer

    Example session with this skill installed

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

    • Read your context and instructions
    • Compiled the mobile app ui

    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.

    Connects securely to your tools. The creator never sees your data.

    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.

    • Does not generate image files or Figma binaries.
    • Focuses on UI logic and specs over visual branding.
    • Requires user to define specific screen dimensions.

    How to use

    1. 1

      Connect your agent to the Agensi MCP

      Copy the prompt and paste it into Claude, ChatGPT, Cursor or any agent that supports MCP. It sets up the connection for you. Manual setup

    2. 2

      Sign in to Agensi

      Your agent shows a sign-in link. Sign in and click Allow.

    3. 3

      Ask for what you need

      Your agent loads this skill and uses it on your task. It always asks before any payment.

    Reviews

    No reviews yet

    Be one of the first to try it. Every listed skill goes through the trust checks below.

    Security scanned

    Checked by our 8-point scan before listing

    Fresh listing

    Recently published to Agensi

    Money-back guarantee

    Doesn't do what its page promises? You get your money back.

    Trust & safety

    Security scan

    Security scan passed 4 months ago

    Permissions

    No special permissions declared or detected

    Listed4 months ago
    Updated4 months ago

    What's inside

    Frequently Asked Questions

    This skill acts as a specialized system prompt and workflow logic that transforms your generic AI agent into a Senior Mobile Product Designer capable of generating production-ready UI specs and ergonomic maps.

    Unlike generic design prompts, this skill enforces platform-specific rules for iOS and Android, focusing specifically on 'Thumb-Zone' ergonomics and gesture-driven navigation patterns unique to mobile hardware.

    The skill is compatible with most major LLM-based agents that support custom skill integration, providing output optimized for developers using SwiftUI, Jetpack Compose, React Native, or Flutter.

    You will receive the core skill integration files, a comprehensive implementation guide, and a set of reference templates for ergonomic mapping and platform-specific component checklists.

    Setup is straightforward; simply import the skill file into your agent's dashboard or configuration settings to immediately begin generating mobile-first design system specifications.

    Yes, your purchase includes lifetime access to updates, ensuring your agent remains current with the latest Apple Human Interface Guidelines and Google Material Design updates as they evolve.