Mobile Design Skill

This skill provides mobile design guidance.

Platform Conventions

• iOS Human Interface Guidelines
• Material Design (Android)
• Platform-specific navigation patterns
• Native component usage
• Safe areas and notches

Responsive Patterns

• Flexible layouts (Flexbox, Grid, CSS Grid)
• Breakpoint strategies
• Touch target sizing (44x44pt minimum)
• Gesture recognition
• Orientation handling

Accessibility

• VoiceOver / TalkBack support
• Dynamic type scaling
• Color contrast ratios
• Focus management
• Semantic markup

Performance

• Image optimization (WebP, AVIF)
• Lazy loading
• Bundle size budgets
• Offline-first patterns
• Background sync