Command·Emil Kowalski skills·15 skills·UI072

/mobile-native

Makes a web app feel like an installed app on a phone: tap flashes, the full-screen height bug, inputs that zoom the page, the notch, pull-to-refresh.

Example

/mobile-native the checkout page

Motion, polish and frontend craft from Emil Kowalski. The review, find and improve skills only read and do not change code unless you ask.

Skip it when: Choosing a whole page's visual direction. Hallmark and Impeccable handle that.
Best for: Animation, polishing components, testing worst cases and choosing libraries.
Changes: Changes code
Notes: The first time you call most of these, they reply with one line and wait for your question.

Skills it uses

mobile-nativeMake a web app feel native on a phone — the small CSS and meta-tag fixes that separate "a website in a browser" from something that feels installed. Covers sticky hover states, tap highlight flashes, the 100vh bug, inputs that zoom the page, laggy taps, pull-to-refresh hijacking scroll, content under the notch, long-press selecting button text, carousels that scroll the wrong way, mismatched status bars, and the rule that you test on real hardware. Use when a web app is being built for or reviewed on mobile, when something "works in Chrome but feels wrong on my phone", when building a PWA, a bottom sheet, a carousel, a full-screen layout, or any touch interaction. For motion itself use animate; for React Native use animate-expo.design-kit·Emil Kowalski