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

Enhance Page UI

Degree of freedom: MIXED. Composition and tier judgment [HIGH freedom]; live read, DOM rects, three-viewport verify [LOW freedom — run exactly].

Turn an existing screen into a composed interface: calmer hierarchy, smarter content placement, expressive but purposeful motion, and artful transitions that support comprehension. This is not a "add more chips/cards/shadows" skill. It rearranges, subtracts, and stages information before adding decoration.

Vague-but-visceral user feedback ("clunky", "atrocious", "wasted space", "incoherent height") almost always points to a Hidden Failure Mode from §X below — start there, not at the surface decoration the user named.

If browser automation is used, first follow the protocol-browser-anti-stall skill when present.

How to reason