mobile-native
mobile-native is an agent skill published by emilkowalski, listed under design. It lives in the emilkowalski/skills repository, which has 49,715 GitHub stars and is licensed under MIT; we last read it on 2026-09-16.
Enhances web apps to feel native on mobile devices by applying CSS and meta-tag fixes for issues like sticky hover states, tap highlights, and input zooming. Covers a range of touch interactions and layout problems, requiring no specific credentials.
Install
skills is a generic installer for any repository of Claude agent skills -- it reads emilkowalski/skills’s own structure rather than assuming one, the same way this page reads the skill’s own SKILL.md rather than assuming a format.
npx skills add emilkowalski/skills
Maintenance
Make 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.
mobile-native compared with similar skills
| Skill | Publisher | What it does | Repo stars | Last update |
|---|---|---|---|---|
| mobile-native (this page) | emilkowalski | Make a web app feel native on a phone — the small CSS and meta-tag fixes that separate "a website in a browse… | 49,715 | 2026-10-11 |
| apple-design(same repository) | emilkowalski | Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or… | 49,715 | 2026-10-11 |
| setup-matt-pocock-skills | mattpocock | Configure this repo for the engineering skills: set up its issue tracker, triage label vocabulary, and domain… | 303,549 | 2026-10-22 |
| brand-guidelines | anthropic | Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having… | 183,845 | 2026-10-09 |
| frontend-design | anthropic | Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps… | 183,845 | 2026-10-09 |
| figma-code-connect-components | openai | Connects Figma design components to code components using Code Connect mapping tools. Use when user says "cod… | 28,310 | 2026-09-08 |
| figma-create-design-system-rules | openai | Generates custom design system rules for the user's codebase. Use when user says "create design system rules"… | 28,310 | 2026-09-08 |
Skills from the same repository first, then others for this job by repository stars. Figures are from each repository when we last read it.
Common questions about mobile-native
- What does mobile-native do?
- Enhances web apps to feel native on mobile devices by applying CSS and meta-tag fixes for issues like sticky hover states, tap highlights, and input zooming. Covers a range of touch interactions and layout problems, requiring no specific credentials.
- How do I install mobile-native?
- Run npx skills add emilkowalski/skills. The skills installer reads the repository’s own structure, so it works for any repository of agent skills.
- Who publishes mobile-native?
- emilkowalski.
- Is mobile-native maintained, and what licence does it use?
- Its repository has 49,715 GitHub stars and its state in our directory is listed. Its last commit we recorded was on 2026-10-11. The repository declares the MIT licence.
More agent skills for design
- ai-product-photographyby 101-skills
- app-store-screenshotsby 101-skills
- email-designby 101-skills
- landing-page-designby 101-skills
- product-photographyby 101-skills
- social-media-carouselby 101-skills