Mobile Device Testing
Test landing pages on Safari and Chromium engines with real iPhone, iPad, and Android emulation, including touch gestures.
- mobile
- testing
- playwright
- qa
Video coming soon
This skill's short video goes here.What it does
Verifies a page works correctly on real mobile devices using Safari and Chromium engine emulation. Captures screenshots across viewports and simulates real touch interactions.
When to use it
- Before publishing a landing page meant for mobile ad traffic
- Reporting iOS- or Android-specific bugs
- Validating that forms and buttons work well with touch gestures
Steps
- Define the target devices (iPhone, iPad, Android)
- Emulate each viewport with the matching engine (WebKit/Chromium)
- Simulate touch gestures on key interactive elements
- Capture screenshots per device and size
- Document visual or functional differences found
- Deliver a findings report before applying any fix
The skill
mobile-device-testing/SKILL.mdDownload SKILL.md
--- name: mobile-device-testing description: Test landing pages on Safari and Chromium engines with real iPhone, iPad, and Android emulation, including touch gestures. --- # Mobile Device Testing ## 1. What it does Verifies a page works correctly on real mobile devices using Safari and Chromium engine emulation. Captures screenshots across viewports and simulates real touch interactions. ## 2. When to use it - Before publishing a landing page meant for mobile ad traffic - Reporting iOS- or Android-specific bugs - Validating that forms and buttons work well with touch gestures ## 3. Steps 1. Define the target devices (iPhone, iPad, Android) 2. Emulate each viewport with the matching engine (WebKit/Chromium) 3. Simulate touch gestures on key interactive elements 4. Capture screenshots per device and size 5. Document visual or functional differences found 6. Deliver a findings report before applying any fix ## 4. Safety rules Always work in draft mode: nothing is sent, published, or paid for without explicit client approval. Never invent data, metrics, or results. No passwords, tokens, or API keys are requested or shown in chat. ## 5. Deliverable A clear, reviewable draft of the output (text, code, report, or file), ready for the user to approve before it becomes final.
For Claude Code, save it as ~/.claude/skills/mobile-device-testing/SKILL.md. In Cursor, ChatGPT or another assistant, paste it as project instructions.
Want to build it together?
Inside PubliExpert AI Guild you get snapshots, live sessions and builders to finish it with.