# mobile-design

> Mobile-first design thinking and decision-making for iOS and Android apps. Touch interaction, performance patterns, platform conventions.

- Author: Alexandre Belo
- Repository: oalexandrebelo/Antigravity-Kit-Brabo
- Version: 20260124075323
- Stars: 1
- Forks: 0
- Last Updated: 2026-02-06
- Source: https://github.com/oalexandrebelo/Antigravity-Kit-Brabo
- Web: https://mule.run/skillshub/@@oalexandrebelo/Antigravity-Kit-Brabo~mobile-design:20260124075323

---

---
name: mobile-design
description: Mobile-first design thinking and decision-making for iOS and Android apps. Touch interaction, performance patterns, platform conventions.
allowed-tools: Read, Write, Edit
version: 1.0
priority: MEDIUM
---

# Mobile Design - Touch-First Principles

> **Curator:** AB ED&IA - Alexandre Belo | **Project:** Antigravity-Kit-Brabo

## Touch Targets

- Minimum 44x44 points (iOS)
- Minimum 48x48 dp (Android)
- 8px gap between targets

---

## Safe Areas

- Respect notches and home indicators
- Test on multiple device sizes
- Use platform safe area APIs

---

## Performance

- 60 FPS target
- Cold start < 3s
- Lazy load images
- Minimize network calls

---

## Platform Conventions

| iOS | Android |
|-----|---------|
| Back arrow left | Back arrow left |
| Tab bar bottom | Bottom navigation |
| Pull to refresh | Pull to refresh |
| Swipe gestures | Swipe gestures |

---

**Remember**: Mobile is not small web. Design for touch and context.