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.

Cross-surface feedback ("great on web, atrocious on iPhone", "the iPad is a stretched phone", "everything wraps on tablet") almost always means axis conflation: one isMobile boolean answers three questions. Start at the architecture, not at the broken page.