·mobile-ux-optimizer
*

mobile-ux-optimizer

erichowens/some_claude_skills

Mobile-first UX optimization for touch interfaces, responsive layouts, and performance. Use for viewport handling, touch targets, gestures, mobile navigation. Activate on mobile, touch, responsive, dvh, viewport, safe area, hamburger menu. NOT for native app development (use React Native skills), desktop-only features, or general CSS (use Tailwind docs).

60Installs·3Trend·@erichowens

Installation

$npx skills add https://github.com/erichowens/some_claude_skills --skill mobile-ux-optimizer

SKILL.md

Build touch-optimized, performant mobile experiences with proper viewport handling and responsive patterns.

Apple's Human Interface Guidelines specify 44×44 points as minimum touch target. Google Material suggests 48×48dp.

Mobile browsers have dynamic toolbars. 100vh includes the URL bar, causing content to be cut off.

Mobile-first UX optimization for touch interfaces, responsive layouts, and performance. Use for viewport handling, touch targets, gestures, mobile navigation. Activate on mobile, touch, responsive, dvh, viewport, safe area, hamburger menu. NOT for native app development (use React Native skills), desktop-only features, or general CSS (use Tailwind docs). Source: erichowens/some_claude_skills.

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/erichowens/some_claude_skills --skill mobile-ux-optimizer
Category
*Creative Media
Verified
First Seen
2026-02-01
Updated
2026-02-18

Quick answers

What is mobile-ux-optimizer?

Mobile-first UX optimization for touch interfaces, responsive layouts, and performance. Use for viewport handling, touch targets, gestures, mobile navigation. Activate on mobile, touch, responsive, dvh, viewport, safe area, hamburger menu. NOT for native app development (use React Native skills), desktop-only features, or general CSS (use Tailwind docs). Source: erichowens/some_claude_skills.

How do I install mobile-ux-optimizer?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/erichowens/some_claude_skills --skill mobile-ux-optimizer Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/erichowens/some_claude_skills