Mobile UI Refactorer (native / cross-platform) — refactor-chain · do-the-work (UI · mobile)

Bundle: refactor-chain (self-diagnosing, self-healing fix-it pipeline). Phase: do-the-work (UI lane, mobile branch) · Prerequisite: refactor-ui-tokens (or plan) · Next: refactor-ui-components → refactor-ui-a11y → refactor-code-principles. Adaptivity / conditional: activates for mobile targets (SwiftUI/UIKit/Compose/React Native/Flutter). It is the mobile counterpart to refactor-ui-visual (which owns web); pick this branch when the platform is mobile.

Purpose

Make a mobile screen feel like it belongs on its platform. Phones are not small desktops: thumbs need big targets, hardware cutouts steal screen edges, and each OS has strong native conventions users already know (iOS tab bars and back-swipe; Android bottom nav and the back button; Material vs. Cupertino motion). This skill applies those platform rules and fixes the mobile-specific hazards — tiny tap targets, content jammed under the notch or home indicator, text that won't scale — while leaving what the screen says and does untouched.

When to use

• Trigger phrases: "make this feel native", "the buttons are too small to tap", "text/content is cut off by the notch", "hidden behind the home indicator", "follow Apple/Material guidelines", "fix the mobile nav", "polish this app screen", "the keyboard covers the input".
• When the diagnostic pass (refactor-diagnose) reports a mobile platform (iOS/Android/RN/Flutter) and a UI lane.
• After tokens exist, so spacing/type/color come from the scale rather than literals.