
Mobile App UI Designer
Design native mobile experiences with a focus on thumb-zone ergonomics, platform conventions, and gesture-driven UI.
- 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.
$9.99
· or 50 creditsSecure 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
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.
Design native mobile experiences with a focus on thumb-zone ergonomics, platform conventions, and gesture-driven UI.
$9.99
· or 50 creditsSecure 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.
Known Limitations
- 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 Install
mkdir -p ~/.claude/skills && curl -sL https://www.agensi.io/api/install/mobile-app-ui-designer -o /tmp/mobile-app-ui-designer.zip && unzip -o /tmp/mobile-app-ui-designer.zip -d ~/.claude/skills && rm /tmp/mobile-app-ui-designer.zipFree skills install directly. Paid skills require purchase - use the download button above after buying.
Reviews
No reviews yet - be the first to share your experience.
Only users who have downloaded or purchased this skill can leave a review.
Early access skill
Be the first to review this skill.
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
Learn More About AI Agent Skills
More Premium Skills
designing-hybrid-context-layers
Architects the right retrieval strategy for every query — teaching your agent when to use RAG, a knowledge graph, or a temporal index instead of defaulting to vector search for everything.
ai-automation-qa-pack
Professional QA & UAT documentation generator for AI automation agencies and complex agent deployments.
Bounty Security Pattern Master Library — 399 Vulnerability Patterns
A premium library of 399 vulnerability patterns and DeFi attack vectors for AI-driven bug hunting and security audits.
keyword-research
Transform URLs or product lists into SEO keyword research packs with Google Ads data and intent-based clustering.