rwd-mobile-audit
CommunityAutomate mobile RWD audits and fixes with Playwright.
Authorfreedomw1987
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill eliminates the tedious, error-prone manual work of checking web app responsiveness on small mobile screens, ensuring apps function perfectly on phones before delivery without hours of manual device testing.
Core Features & Use Cases
- Automated Playwright Audits: Captures full-page screenshots of all key app pages at iPhone 14 viewport (390x844) to detect layout issues automatically.
- Overflow & UI Issue Detection: Identifies horizontal overflow, cut-off text, cramped grids, and undersized touch targets that break mobile user experience.
- Pre-Built Fix Patterns: Provides ready-to-use Tailwind v4 code snippets to resolve the most common RWD issues found during audits.
- Use Case: Before shipping a new web app feature, run this audit to catch all mobile layout bugs in one go instead of testing each page manually on a physical phone.
Quick Start
Use the rwd-mobile-audit skill to run a full mobile responsive audit of your web app at iPhone 14 viewport and get a prioritized list of layout issues to fix.
Dependency Matrix
Required Modules
playwright
Components
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: rwd-mobile-audit Download link: https://github.com/freedomw1987/tree_monstor/archive/main.zip#rwd-mobile-audit Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 536,000+ vetted skills library on demand.