skills.rest
ElvinOuyang
ElvinOuyangCOMMUNITY
Explore all skills by this author →
GitHub

web-mobile-playwright-tests

Converts mobile workflow documentation into Playwright E2E test projects for Chromium and WebKit with CI support.

Updated Aug 27, 2026
Search Tags:#playwright#qa automation#mobile e2e#ci generation#workflow-to-tests#ux anti-patterns#browser dual-coverage
One-click install
npx skills add https://github.com/ElvinOuyang/claude-skill-collection --skill web-mobile-playwright-tests
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-mobile-playwright-tests
Source: https://github.com/ElvinOuyang/claude-skill-collection/tree/main/plugins/web-dev-toolkit/skills/web-mobile-playwright-tests
Command: npx skills add https://github.com/ElvinOuyang/claude-skill-collection --skill web-mobile-playwright-tests

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Mobile workflow documentation is hard to turn into reliable end-to-end regression tests, especially when you need dual-engine coverage and consistent CI execution.

Core Features & Use Cases

  • Playwright project generation from docs: Converts /workflows/mobile-workflows.md into a self-contained Playwright test project under e2e/mobile/.
  • Mobile-optimized test behavior + assertions: Adds mobile UX anti-pattern checks (tap target size, iOS input font-size, hover-only interaction detection, viewport meta validation).
  • Dual-browser coverage + CI wiring: Generates Chromium + WebKit coverage, auth scaffolding, and a GitHub Actions workflow that runs on Vercel preview deployments.

Quick Start

Use this skill to generate Playwright mobile E2E tests by converting your mobile workflow markdown into the project at e2e/mobile/.

Frequently Asked Questions about web-mobile-playwright-tests

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert mobile workflow documentation into Playwright E2E tests?▼

Mobile UX anti-pattern assertions check for tap target size, iOS input font-size, hover-only interaction detection, and viewport meta validation within generated Playwright tests to ensure mobile interfaces follow usability standards.

Does Playwright support dual-browser coverage for mobile E2E testing?▼

Playwright supports dual-browser coverage for mobile E2E testing by generating tests that run across both Chromium and WebKit engines, ensuring consistent rendering and behavior for mobile viewports.

How do I run Playwright mobile tests on Vercel preview deployments?▼

You run Playwright mobile tests on Vercel preview deployments by using the generated GitHub Actions CI workflow, which automatically executes the test suite against your preview environment.

What is the quickest way to scaffold authentication for Playwright mobile tests?▼

The quickest way to scaffold authentication for Playwright mobile tests is using the built-in auth scaffolding generated within the e2e/mobile/ project, enabling authenticated test runs immediately after npm ci.

Can I generate CI workflows from workflow markdown for mobile E2E testing?▼

You can generate CI workflows from workflow markdown for mobile E2E testing because the conversion process produces a full GitHub Actions workflow alongside the Playwright test project, ready for automated execution.

Related Skills

Explore More Software Engineering Skills→
cwijayasundaracwijayasundara
3

test

Generate test plans, cases, fixtures, and Playwright E2E tests from user stories.

Community
Advanced
TurnaboutHeroTurnaboutHero
12

playwright-master

Automate browser testing and web scraping with Playwright across Chromium, Firefox, and WebKit.

Community
Intermediate
josuenavarroaguadojosuenavarroaguado

ci-cd-and-automation

Automate GitHub Actions CI/CD pipelines with quality gates and preview deployments.

Community
Advanced
tombelial666tombelial666

qa

Generate QA artifacts for ETNA_TRADER features across Playwright/Pytest and NUnit/xUnit tests.

Community
Advanced