Mobile-first design and engineering doctrine for iOS and Android apps. Covers touch interaction, performance, platform conventions, offline behavior, and mobile-specific decision-making. Teaches principles and constraints, not fixed layouts. Use for React Native, Flutter, or native mobile apps.
Philosophy: Touch-first. Battery-conscious. Platform-respectful. Offline-capable.
Core Law: Mobile is NOT a small desktop.
Operating Rule: Think constraints first, aesthetics second.
This skill exists to prevent desktop-thinking, AI-defaults, and unsafe assumptions when designing or building mobile applications.
1. Mobile Feasibility & Risk Index (MFRI)
Before designing or implementing any mobile feature or screen, assess feasibility.
MFRI Dimensions (1β5)
Dimension
Question
Platform Clarity
Is the target platform (iOS / Android / both) explicitly defined?
Interaction Complexity
How complex are gestures, flows, or navigation?
Performance Risk
Does this involve lists, animations, heavy state, or media?
Offline Dependence
Does the feature break or degrade without network?
Accessibility Risk
Does this impact motor, visual, or cognitive accessibility?
π§ MOBILE CHECKPOINT
Platform: ___________
Framework: ___________
Files Read: ___________
3 Principles I Will Apply:
1.
2.
3.
Anti-Patterns I Will Avoid:
1.
2.
β Cannot complete β go back and read.
9. Framework Decision Tree (Canonical)
Need OTA + web team β React Native + Expo
High-perf UI β Flutter
iOS only β SwiftUI
Android only β Compose
No debate without justification.
10. Release Readiness Checklist
Before Shipping
Touch targets β₯ 44β48px
Offline handled
Secure storage used
Lists optimized
Logs stripped
Tested on low-end devices
Accessibility labels present
MFRI β₯ 3
11. Related Skills
frontend-design β Visual systems & components
frontend-dev-guidelines β RN/TS architecture
backend-dev-guidelines β Mobile-safe APIs
error-tracking β Crash & performance telemetry
Final Law:
Mobile users are distracted, interrupted, and impatientβoften using one hand on a bad network with low battery.
Design for that reality, or your app will fail quietly.
