skills.rest
hico-mrmgn
hico-mrmgnCOMMUNITY
Explore all skills by this author →
GitHub

playwright-test

Create and maintain Playwright end-to-end tests for Next.js, React, or static sites.

Updated Apr 17, 2026
Search Tags:#automation#typescript#testing#debugging#e2e#playwright#pom
One-click install
npx skills add https://github.com/hico-mrmgn/Skills --skill playwright-test-hico-mrmgn
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: playwright-test
Source: https://github.com/hico-mrmgn/Skills/tree/main/plugins/playwright-test/skills/playwright-test
Command: npx skills add https://github.com/hico-mrmgn/Skills --skill playwright-test-hico-mrmgn

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps developers create, organize, and debug Playwright-based end-to-end tests, reducing manual testing time and improving test reliability.

Core Features & Use Cases

  • Test scaffold: set up Playwright projects with common config and structure.
  • PO Model guidance: implement Page Object Model patterns for maintainable tests.
  • Debug & maintenance: provide patterns for rerunning flaky tests and debugging.
  • Use Case: quickly add a test for a login flow in a Next.js app and verify navigation.

Quick Start

Create a basic Playwright test that validates the login heading is visible.

Frequently Asked Questions about playwright-test

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

FAQPage Schema
How do I create Playwright E2E tests for a Next.js app?▼

You can create Playwright E2E tests for a Next.js app by scaffolding a Playwright project with common config and structure. This provides setup examples and test organization guidance to validate UI flows like login navigation.

What is the best way to structure Playwright tests for maintainability?▼

The best way to structure Playwright tests for maintainability is implementing the Page Object Model pattern. This design separates UI element locators from test logic, reducing manual testing time and improving overall test reliability.

Does Playwright testing work with static sites and React projects?▼

Playwright testing works with static sites and React projects. It covers test scaffolding and debugging workflows for these platforms, ensuring robust UI flows across different project layouts using TypeScript and automation.

Why are my Playwright tests flaky and how do I debug them?▼

Playwright tests become flaky due to timing or UI state issues, and you debug them using specific rerunning and maintenance patterns. This provides structured debugging workflows to identify and resolve unreliable test executions.

Do I need TypeScript to set up Playwright test automation?▼

You do not explicitly need TypeScript to set up Playwright test automation, but the Skill provides guidance using TypeScript. A basic project layout and Playwright dependency are required to start scaffolding and organizing tests.

Related Skills

Explore More Software Engineering Skills→
GemachDAOGemachDAO
4

gdex-ui-install-setup

Scaffold a React or Next.js project with a GDEX SDK provider.

Official
Intermediate
vineethsomavineethsoma
1

playwright-specialist

Automate end-to-end browser testing with Playwright across Chromium, Firefox, and WebKit.

Community
Advanced
shuyu-labsshuyu-labs
288

webapp-testing

Automate Playwright UI testing of local web applications with Python scripts.

Official
Intermediate
ps-carvalhops-carvalho

testing

Generate, execute, and report on unit, integration, and E2E tests.

Community
Advanced