playwright-iphone
CommunityDebug websites in an iPhone 17 viewport.
Software Engineering#playwright#screenshot#responsive layout#ui inspection#mobile debugging#iphone viewport#viewport verification
Authormagus
Version1.0.0
Installs0
System Documentation
What problem does it solve?
It removes guesswork when a site’s mobile layout, viewport sizing, and rendering differ from desktop by letting you inspect the experience in a Playwright-launched iPhone-sized browser viewport.
Core Features & Use Cases
- Guided iPhone viewport probing: Opens a target URL in a headed Playwright browser and resizes to the standard iPhone 17 CSS viewport (402x874) for responsive checks.
- Human-driven UI inspection loop: Uses snapshot/screenshot plus single visible actions (click, fill, type, press, resize, or navigate) to quickly reach a state needed for follow-up testing.
- Deterministic verification: Evaluates and confirms active viewport metrics (innerWidth/innerHeight, DPR, UA, touch points) and provides the current URL/title context.
Quick Start
Use playwright-iphone to open https://dcss.vercel.app in the iPhone 17 Playwright viewport, resize to 402 by 874, then report the current URL and verified viewport metrics.
Dependency Matrix
Required Modules
None requiredComponents
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: playwright-iphone Download link: https://github.com/magus/dotfiles/archive/main.zip#playwright-iphone 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 471,000+ vetted skills library on demand.