Mobile Native Web

Install and use Mobile Native Web

1. Install the Skill

   Run the upstream command in your project, then follow the author’s setup guide and any requirements below.

   npx skills add emilkowalski/skills --skill mobile-native

2. Give your agent a task

   Provide the relevant files, context and constraints. For example:

   Review this mobile web screen for touch, viewport, safe-area and input behavior; explain the changes.

About this Skill

Diagnose and improve touch, viewport and browser behaviors that make mobile web interfaces feel awkward.

Why we picked it

Covers mobile viewport units, sticky hover, input zoom, safe areas and touch feedback.

What it helps with

• Refine a web app for phones and identify issues needing real-device checks.

Scope and limitations

This targets browser behavior on mobile devices rather than native React Native app development. Some fixes require adaptation to the project and its support matrix.

Before you use it

• A web project and a coding agent; final behavior should be checked on representative phones.