Description
mobile-native is an agent skill that makes a web app feel native on a phone. It is a fix-it skill: it takes a web app that feels like a website on a phone and removes, one by one, the signs that give it away. Its rules are about the platform layer, such as the viewport, touch, scrolling, safe areas and the browser chrome, where a handful of lines can decide whether an app feels installed or merely embedded. The skill is clear that many reports of a janky mobile app are not animation problems at all, but a tap delay, a grey flash on tap, or a hover state that does not release on touch. Its operating rule is that the user's phone is the source of truth, and where a fix cannot be run on hardware, the skill says which fixes can be checked from code and which need a real device. It does not design motion, review motion or build for React Native, which are separate skills. Use it when a web app works on desktop but feels wrong on a phone. It is part of the emilkowalski/skills repository on GitHub, which has about 46,200 stars. The listing shows it as free, and it has about 60,800 installs. Its security audits show passes from Gen Agent Trust Hub, Socket and Snyk.…
Highlights
- Viewport, touch, scroll and safe-area fixes
- Removes website tells one by one
- Tap delay and grey flash fixes
- Hover states that stick on touch
- Says which fixes need a real device
Ratings & Reviews
No ratings yet
Be the first to rate mobile-native.
People also visit
make-interfaces-feel-better
Apply concrete design-engineering details that make interfaces feel polished
emilkowalski-motion
Motion-design follow-up skill inspired by Emil Kowalski's animation guidance
frontend-design
Design and implement a distinctive frontend within the product’s existing brand
mobile-native FAQ
What is it for?
Making a web app feel installed rather than like a website in a browser on a phone.
What causes most mobile janks?
The skill says many are not animation problems, but tap delay, grey flash on tap, or a hover state that will not release.
Can it verify the fixes?
It says which fixes it can verify from code and which need a real device.
How do I install it?
Run npx skills add https://github.com/emilkowalski/skills --skill mobile-native.
Is it checked for security?
Its security audits show passes from Gen Agent Trust Hub, Socket and Snyk.
What are the best mobile-native alternatives?
Popular alternatives to mobile-native include design-system, make-interfaces-feel-better and redesign-existing-projects. See all mobile-native alternatives