Mobile Layout Survival Kit
Notches, keyboards, and the address bar that changes height when you scroll.
The steps
Your agent works through these in order, and won't break a step it already finished.
Safe Area Insets
Stop notches, home indicators, and browser chrome from swallowing the interface.
Viewport Height Utility
Stop full-height screens from jumping or hiding their controls on mobile browsers.
Mobile Keyboard Avoidance
Keep the field being typed in, and the button that submits it, visible above the keyboard.
Pointer Modality Styles
Make hover, focus, and hit targets behave correctly for mouse, touch, pen, and keyboard.
Touch Target Checker
Find the controls that are too small or too crowded to hit reliably on a phone.
Overscroll Control
Stop scrolling inside a panel from taking the whole page with it.
Safe Sticky Positioning
Make sticky headers, bars, and panels behave consistently and stop fighting each other.
How to use this collection
One link, several features, one coherent document. Your agent inspects your app once — not once per feature — then implements the set in order, checking after each step that it hasn't broken the last.
Pro users build their own from any features in the library, including their own customized versions.
Go Pro — $28/month