skills.rest
melikhanmutlu
melikhanmutluCOMMUNITY
Explore all skills by this author →
GitHub

mobile-design

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

Updated Dec 10, 2024
Search Tags:#accessibility#iOS#mobile#Android#ui-ux#design-patterns#responsiveness
One-click install
npx skills add https://github.com/melikhanmutlu/web_ar --skill mobile-design-melikhanmutlu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/melikhanmutlu/web_ar/tree/main/skills/mobile-design
Command: npx skills add https://github.com/melikhanmutlu/web_ar --skill mobile-design-melikhanmutlu

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Mobile app design requires aligning platform conventions (iOS HIG, Material Design) and delivering consistent, accessible, responsive UI across devices. This skill consolidates patterns, gestures, navigation, and typography rules to speed up design work and ensure native-feeling experiences.

Core Features & Use Cases

  • Platform-specific design guidelines: iOS HIG and Material Design for Android
  • Navigation patterns: tab bars, stacks, drawers, modals
  • Touch interactions: tap targets, gestures, haptics
  • Layout and typography: responsive grids, safe areas, typography scales
  • Accessibility: color contrast, scalable text, screen-reader readiness
  • Use Case: Quickly assess a mobile app concept against platform norms and annotate deviations

Quick Start

Use mobile-design guidelines to review a new app prototype and produce a platform-aligned UI critique.

Frequently Asked Questions about mobile-design

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

FAQPage Schema
How do I design cross-platform mobile UI patterns for both iOS and Android?▼

To design cross-platform mobile UI patterns, apply consolidated guidelines for iOS HIG and Material Design. This approach covers navigation, gestures, typography, responsive layouts, and accessibility to ensure native-feeling experiences across devices.

What are the best practices for mobile touch targets, gestures, and safe areas?▼

Mobile touch targets, gestures, and safe areas require adherence to platform-specific design guidelines. Ensure clear tap targets, implement appropriate haptics, and respect safe areas to maintain accessible and responsive mobile interfaces.

Can I evaluate a mobile app prototype against iOS HIG and Material Design norms?▼

You can evaluate a mobile app prototype against platform norms to produce a platform-aligned UI critique. This process quickly assesses your app concept against iOS HIG and Material Design rules, annotating any deviations from native patterns.

How does responsive layout and accessibility factor into native mobile design?▼

Responsive layout and accessibility factor into native mobile design through adaptive grids, typography scales, and scalable text. Ensuring proper color contrast and screen-reader readiness delivers consistent, accessible UI across varying mobile devices.

When do I need platform-specific navigation patterns like tab bars, stacks, and drawers?▼

You need platform-specific navigation patterns like tab bars, stacks, drawers, and modals when structuring cross-platform applications. Aligning these navigation components with iOS HIG and Material Design ensures intuitive wayfinding and native interaction feel.

Related Skills

Explore More Design & Creative Skills→
felvieirafelvieira
22

ui-ux-design

Design UX/UI wireframes and design tokens for web and mobile interfaces.

Community
Advanced
parallax-ai-llcparallax-ai-llc
29

orchestrator-designer

Generate platform-aware design specifications and JSON design tokens for the Claude Orchestrator UI.

Official
Advanced
devCharuzudevCharuzu

ui-design-system

Generate design tokens and document components for UI design systems.

Community
Advanced
roedyrustamroedyrustam
43

hig

Review UI designs against Human Interface Guidelines principles.

Community
Intermediate