Mobile Design Patterns

概要

Mobile Design Patterns provides comprehensive guidance for creating intuitive, performant, and thumb-friendly mobile experiences that go beyond simple responsive resizing. It equips developers with standardized navigation models like Bottom Tab and Stack navigation, essential gesture controls, and platform-specific UI guidelines for both iOS (HIG) and Android (Material Design). By focusing on mobile-first principles such as content priority, touch target optimization, and performance constraints, this skill ensures that mobile applications feel native and responsive regardless of the underlying platform.

主な機能

• 3 GitHub stars
• Mobile-optimized component patterns for lists, cards, forms, and bottom sheets
• Platform-specific UI conventions for iOS Human Interface and Android Material Design
• Standardized navigation patterns including Bottom Tab, Stack, and Drawer navigation
• Implementation of thumb-friendly design principles and standardized touch target sizing
• Performance optimization strategies including lazy loading and list virtualization

ユースケース

• Implementing platform-specific gesture controls and navigation hierarchies
• Optimizing existing web applications for mobile-first responsive design
• Building native-feeling cross-platform applications with React Native