Summary
Handles the specific weirdness of mobile web: the 100vh viewport bug that cuts off content behind browser chrome (use 100dvh instead), iPhone notches and safe areas, 44px minimum touch targets, and bottom navigation that doesn't break thumbs. Gives you working patterns for slide-out drawers, swipe gestures, and pull-to-refresh with proper touch event handling. The mobile-first CSS examples are solid, building up from mobile rather than media-querying down from desktop. Pairs well with PWA work since installable apps need this stuff dialed in. Not for native iOS or Android development, just progressive web apps and responsive sites where touch and small screens matter.
Install to Claude Code
npx -y skills add erichowens/some_claude_skills --skill mobile-ux-optimizer --agent claude-codeInstalls into .claude/skills of the current project.
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
Files
SKILL.md
Select a file.
Featured
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
