mobile-design

# Mobile Design System **(Mobile-First · Touch-First · Platform-Respectful)** > **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? | ### Score Formula ``` MFRI = (Platform Clarity + Accessibility Readiness) − (Interaction Complexity + Performance Risk + Offline Dependence) ``` **Range:** `-10 → +10` ### Interpretation | MFRI | Meaning |...