Surface router: /uiux. You are here: enhance-capacitor-ui. Native iOS/Android (SwiftUI / Compose, no web layer) is out of scope — use Apple HIG / Material directly.

Enhance Web ↔ Mobile UI

Degree of freedom: MIXED. Axis/tier judgment [HIGH freedom]; probes, SSR first-paint, and six-cell verify [LOW freedom — run exactly].

Separate the mobile and desktop design contracts of a hybrid app so that a UIUX sweep on one surface cannot silently degrade the other. This is not a "add a useIsMobile hook" skill. It establishes three orthogonal axes, one source of truth, mode tokens, container-query primitives, and a chrome allow-list — so per-form-factor / per-platform polish is a predictable, reviewable change instead of a regression.

Vague-but-visceral cross-surface feedback ("looks great on web, atrocious on iPhone", "the iPad version is just a stretched phone", "Android dock feels wrong", "everything wraps on tablet") almost always points to axis conflation — one boolean (isMobile) is being asked to answer three different questions. Start at the architecture, not at the broken page.