Skip to content
All skills

/mobile-native

Mobile Native

Makes your web app feel better on touch devices. It fixes all of the small things that separate a website from an app.

Updated September 15, 2026

What it does

  • Matches what you describe to a problem from the “symptom table”, then fixes it
  • Puts hover behind @media (hover: hover) so you don’t see hovers on touch devices and removes tap highlight, so taps don’t flash or stick
  • Fixes heights with dvh, inputs that zoom the page, laggy taps, pull-to-refresh, and content under the notch
  • Tells you which fixes it verified from the code and which you need to check on a real device, as those are required sometimes as well

When to use it

When you want your web app to feel right on a phone, or touch devices in general. Most apps don’t go that extra mile, so it’s an easy way to improve the experience and stand out.

What the skill changed

Without the skill, the browser flashes its gray tap highlight, and the hover style stays applied even after you release the button, so it looks selected. With the skill, the press shows while you are touching the button, and nothing is left behind after you release it.

Example prompts

You don’t need special wording. Describe the problem the way you’d describe it to a teammate. Here are some more to try on your own product.

The course behind these skills

These skills come from what I teach in AI for UI. Join the waitlist to get two lessons and be the first to know when enrollment reopens on December 8.