Skip to content
appsgit

Mobile Native

Mobile Native is an agent skill (a SKILL.md file) from emilkowalski/skills. 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. It works with Claude Code and has 49,702 GitHub stars across a repository of 14 listed skills.

github.com/emilkowalski/skills/skills/mobile-native (opens in a new tab)

Data as of from the GitHub API and skills.sh; description from the skill's SKILL.md. Report an error

View on GitHub (opens in a new tab)View on skills.sh (opens in a new tab)

Add this skill

Claude

Claude Code loads skills from ~/.claude/skills/ (all projects) or .claude/skills/ (one project):

git clone --depth 1 https://github.com/emilkowalski/skills.git
cp -r skills/skills/mobile-native ~/.claude/skills/mobile-native   # personal, or .claude/skills in a project

In the Claude apps, zip the mobile-native folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).

ChatGPT / Codex

Codex reads skills from .agents/skills/ in a repo or ~/.agents/skills/ for every project:

git clone --depth 1 https://github.com/emilkowalski/skills.git
cp -r skills/skills/mobile-native .agents/skills/mobile-native   # repo; ~/.agents/skills for all projects

Standalone skills also load in the ChatGPT desktop app.

Cursor

Cursor loads skills from .cursor/skills/ (or ~/.cursor/skills/) and also reads .claude/skills/:

git clone --depth 1 https://github.com/emilkowalski/skills.git
cp -r skills/skills/mobile-native .cursor/skills/mobile-native   # project; ~/.cursor/skills for all projects

Source (checked Oct 7, 2026): code.claude.com/docs/en/skills (opens in a new tab), support.claude.com/en/articles/12512180-using-skills-in-claude (opens in a new tab), learn.chatgpt.com/docs/build-skills (opens in a new tab), cursor.com/docs/context/skills (opens in a new tab)

What this skill does

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.

When it triggers

  • usels 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.
  • use animate; for React Native use animate-expo.
  • "a website in a browser"
  • "works in Chrome but feels wrong on my phone"

More skills in emilkowalski/skills

14 skills are listed from this repository.

Similar skills

More testing & qa skills

All Testing & QA

FAQ

Mobile Native FAQ

Still curious? Email info@appsgit.com.

How do I install the Mobile Native skill?

Copy the mobile-native folder (the one containing SKILL.md) into ~/.claude/skills/ for Claude Code, .agents/skills/ for Codex or .cursor/skills/ for Cursor. The agent picks it up automatically when a task matches its description.

Is the Mobile Native skill free?

Yes. The repository is open source under the MIT license.

Is Mobile Native maintained?

The repository's most recent commit was on Oct 11, 2026. appsgit only lists skills from repositories with a commit in the last six months.