Mobile Native

What this skill does

From disabling hover effects on mobile to ensuring that the theme color matches your app’s background.

• -Starts from a symptom table, so “the page zooms when I tap the input” maps straight to its one-line fix
• -Fixes sticky hover, tap highlight, laggy taps, and tap targets that are too small to hit
• -Handles viewport properly: 100dvh vs 100svh, safe areas around the notch, and keyboard covering inputs
• -Stops pull-to-refresh and scroll chaining inside app UI
• -Says which fixes it verified from code and which you need to confirm on a real phone

Installation

Run the installer in your terminal to add this skill to your project:

Omit the skill name to pick from all skills at once, and rename skills during install if you prefer different slash commands.

Usage

Once installed, use it when it works in Chrome but feels wrong on your phone, or you’re building a PWA, a bottom sheet, or a carousel. For example: