skills.rest
neuron-one
neuron-oneCOMMUNITY
Explore all skills by this author →
GitHub

mobile-design

Standardize mobile interface design patterns across iOS and Android.

25|10|Updated Apr 1, 2026
Search Tags:#design#navigation#mobile#ios#android#ux#touch-targets
One-click install
npx skills add https://github.com/neuron-one/GODMODE --skill mobile-design-neuron-one
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/neuron-one/GODMODE/tree/main/skills/design/mobile-design
Command: npx skills add https://github.com/neuron-one/GODMODE --skill mobile-design-neuron-one

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Mobile design patterns for iOS and Android, providing guidance on native navigation, touch targets, platform conventions, and safe areas.

Core Features & Use Cases

  • Native navigation patterns for iOS and Android
  • Correct touch target sizes and spacing guidelines
  • Platform conventions for typography, icons, and controls
  • Safe-area-aware layouts and responsive behavior across devices
  • Use Case: Design a new onboarding flow that works on iPhone and Pixel with thumb-friendly targets

Quick Start

Create a mobile UI plan for a new app by outlining navigation, touch targets, and safe-area-aware layouts.

Frequently Asked Questions about mobile-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What are the standard touch target sizes for iOS and Android mobile interfaces?▼

Standard touch target sizes for iOS and Android mobile interfaces dictate specific dimensions and spacing guidelines to ensure thumb-friendly interactions and prevent mis-taps. These guidelines cover both minimum target sizes and the required spacing between interactive elements.

How do I design native navigation patterns for a cross-platform mobile app?▼

Designing native navigation patterns for a cross-platform mobile app involves applying distinct iOS and Android platform conventions. This ensures your interface structure aligns with user expectations, covering standard navigation bars, tab bars, and stack behaviors for both operating systems.

What are safe areas in mobile UI design and why do they matter?▼

Safe areas in mobile UI design are layout boundaries that prevent content from being obscured by notches, rounded corners, or system gestures. Designing safe-area-aware layouts ensures responsive behavior and consistent visibility of interactive elements across varying device hardware.

Can I use the same mobile interface design for both iPhone and Pixel devices?▼

Using the same mobile interface design for both iPhone and Pixel devices requires standardizing cross-platform patterns while respecting individual platform conventions. You must adapt typography, icons, and controls to maintain a native feel and consistent user experience on both platforms.

What's the best way to create a mobile UI plan for a new onboarding flow?▼

The best way to create a mobile UI plan for a new onboarding flow is to outline native navigation, define thumb-friendly touch targets, and establish safe-area-aware layouts. This ensures the interface works properly on both iOS and Android devices.

Related Skills

Explore More Design & Creative Skills→
cshyangcshyang

gsd:workflow:discovery-phase

Plan and execute a project discovery phase to define requirements and scope.

Community
Intermediate
popup-studio-aipopup-studio-ai
589

phase-5-design-system

Build a platform-agnostic design system with tokens and reusable components across web, mobile, and cross-framework projects.

Official
Advanced
jhparktimejhparktime
1

usability-psychologist

Evaluate cognitive load, error prevention, and accessibility in user interfaces.

Community
Intermediate
aberrantCodeaberrantCode
1

ui-mobile

Provide mobile UI design patterns and accessibility rules for React Native, iOS, and Android interfaces.

Community
Intermediate