Adaptive UI (window-size and layout)

Use this skill when designing, implementing, or reviewing adaptive layouts in a Compose-based project — window size classes, canonical multi-pane layouts, adaptive navigation chrome, and multi-window resilience.

This skill is intentionally strict. Its purpose is to keep layouts resilient across display sizes, window sizes, orientations, fold states, and resizable environments while preserving clear UI architecture and avoiding fragile one-device assumptions.

Primary goals

The adaptive strategy should optimize for:

• support for a wide range of display and window sizes
• structured layout changes rather than ad hoc breakpoints
• navigation chrome that adapts with available space
• correct use of canonical multi-pane layouts where appropriate
• resilience in split-screen, freeform, and desktop-style windowing
• resource and presentation decisions that stay configurable
• Compose layouts that remain understandable under adaptation pressure
• previewability and testability across adaptive states