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

Ready to run

npx skills add https://github.com/bugrabilge/bilge-development-kit --skill mobile-design-bugrabilge

💬 Prompt for ChatGPT / Claude Chat▼

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.