skills.rest
bugrabilge
bugrabilgeCOMMUNITY
Explore all skills by this author →
GitHub

mobile-design

Guide mobile UI/UX design with iOS HIG and Android Material Design patterns.

10|2|Updated Mar 10, 2026
Search Tags:#UI/UX#design patterns#mobile design#material design#iOS#Android#human interface guidelines
One-click install
npx skills add https://github.com/bugrabilge/bilge-development-kit --skill mobile-design-bugrabilge
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/bugrabilge/bilge-development-kit/tree/main/skills/mobile-design
Command: npx skills add https://github.com/bugrabilge/bilge-development-kit --skill mobile-design-bugrabilge

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides comprehensive guidance and best practices for designing user interfaces and user experiences specifically for mobile applications on iOS and Android platforms.

Core Features & Use Cases

  • Platform Guidelines: Detailed information on iOS Human Interface Guidelines (HIG) and Google's Material Design.
  • Navigation Patterns: Guidance on implementing effective tab, stack, drawer, and modal navigation.
  • Interaction Design: Best practices for touch targets, gestures, and responsive layouts.
  • Use Case: When designing a new feature for a cross-platform mobile app, use this Skill to ensure the UI adheres to native conventions for both iOS and Android, providing a familiar and intuitive experience for users on each platform.

Quick Start

Use the mobile-design skill to understand the best practices for implementing tab navigation on iOS.

Frequently Asked Questions about mobile-design

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

FAQPage Schema
What are the key differences between iOS Human Interface Guidelines and Material Design for mobile apps?▼

iOS Human Interface Guidelines (HIG) and Material Design differ primarily in navigation patterns and visual depth. This Skill provides detailed platform-specific guidance for both, ensuring your mobile app UI adheres to native conventions on each platform.

How do I design accessible touch targets and safe areas for cross-platform mobile applications?▼

To design accessible touch targets and safe areas for cross-platform mobile applications, follow platform-specific guidelines. This Skill outlines best practices for touch target sizing, gesture interactions, and screen size adaptation to ensure accessibility requirements are met.

What is the best way to implement tab and stack navigation patterns for native and cross-platform mobile apps?▼

The best way to implement tab and stack navigation patterns is by leveraging native conventions. This Skill provides comprehensive guidance on effective tab, stack, drawer, and modal navigation patterns tailored for both iOS and Android mobile applications.

Does this mobile design guidance cover gesture interactions and responsive layouts for both iOS and Android?▼

Yes, this mobile design guidance covers gesture interactions and responsive layouts for both iOS and Android. It details best practices for interaction design, ensuring intuitive user experiences across native and cross-platform mobile development.

When do I need to follow specific safe area and screen size adaptation guidelines for mobile UI design?▼

You need to follow safe area and screen size adaptation guidelines when designing features for varying mobile device dimensions. This Skill helps you understand these requirements to prevent UI overlap and ensure accessibility across native and cross-platform apps.

Related Skills

Explore More Design & Creative Skills→
ZiadNagarZiadNagar

animation-systems

Define motion tokens, choreography patterns, and reduced-motion support for design systems.

Community
Advanced
Sir-chawakornSir-chawakorn
33

mobile-development

Provide code patterns for React Native and Flutter mobile app development.

Community
Intermediate
hulusi-tunchulusi-tunc
3

gesture-patterns

Define gesture vocabularies for touch and pointer device interactions.

Community
Intermediate
melikhanmutlumelikhanmutlu

mobile-design

Design mobile UI/UX patterns for iOS and Android apps.

Community
Advanced