SkillsAdd

thedaviddias/front-end-checklist

mobile-testing

Use when reviewing CI coverage, automated checks, or test strategy related to Test on real mobile devices and viewports. Focus on whether the rule is continuously verified, not just documented.

First seen Jun 7, 2026

Installation

$ npx skills add thedaviddias/front-end-checklist --skill mobile-testing
View on skills.sh ↗ GitHub repository ↗

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

building-native-ui Shared topics
expo/skills 59.2K installs
ai-sdk Shared topics
vercel/ai 53.4K installs
expo-cicd-workflows Shared topics
expo/skills 39.9K installs
webapp-testing Similar name
anthropics/skills

Toolkit for interacting with and testing local web applications using Playwright. Supports veri…

152.3K installs
clerk-testing Similar name
clerk/skills

E2E testing for Clerk apps. Use with Playwright or Cypress for auth flow tests.

36K installs
webapp-testing Similar name
github/awesome-copilot

Toolkit for interacting with and testing local web applications using Playwright. Supports veri…

12.3K installs

Also in this package

Other skills from thedaviddias/front-end-checklist · top by installs.

npx skills add thedaviddias/front-end-checklist
frontend-checklist-global 96 color-contrast 22 animation-performance 22 https 19 pdf-size 18 word-count 18 image-optimization 18 cumulative-layout-shift 18 quality 17 js-libraries 17

Browse all from thedaviddias/front-end-checklist

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 74.1K
License MIT
Default branch main
Open issues 5
Status Active

Skill metadata

Parsed from SKILL.md frontmatter.

More metadata
category
testing
priority
high
difficulty
intermediate
estimatedTime
20
source
frontendchecklist.io
url
https://frontendchecklist.io/en/rules/testing/mobile-testing

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 2,074 B
  • docs SUMMARY.md 215 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 18 installs

SKILL.md

Test on real mobile devices and viewports

More than 55% of global web traffic comes from mobile devices. Mobile browsers have different rendering engines, different font rendering, limited memory, real touch events that differ from mouse events, and system UI (notch, home indicator, keyboard) that intrudes on your layout. Issues like sticky hover states, touch target sizes, and keyboard layout shifts only appear on real devices.

Quick Reference

  • Desktop DevTools device emulation catches layout issues but not real touch behavior
  • Test on at least one Android (Chrome) and one iOS (Safari) real device
  • Test common viewport breakpoints: 375px (iPhone SE), 390px (iPhone 14), 768px (iPad)
  • Use BrowserStack or similar services for testing on devices you don't own

Check

Does this project have any mobile-specific test configurations? Check for Playwright device emulation, mobile viewport tests, or notes about mobile testing.

Fix

Add Playwright tests using mobile device presets to cover key user flows on mobile viewports.

Explain

Explain the difference between DevTools emulation and real device testing, common mobile-specific issues to test for, and how to use Playwright's device emulation.

Code Review

Review tests, CI workflows, and enforcement points related to Test on real mobile devices and viewports. Flag exact gaps where the rule is not automatically verified or where failures do not block regressions.

For full implementation details, code examples, and framework-specific guidance, see references/rule.md.

Rule page: https://frontendchecklist.io/en/rules/testing/mobile-testing