playwright-expert

by Jeffallan12k

Install

Use withClaudeCursorCodex

The file stays in the publisher's repository. PlugMCP does not host or rewrite it.

Download skill skills/playwright-expert/SKILL.md on GitHub

Related skills

View all

A
api-designerUse when designing REST or GraphQL APIs, creating OpenAPI specifications, or planning API architecture. Invoke for resource modeling, versioning strategies, pagination patterns, error handling standar
C
cli-developerUse when building CLI tools, implementing argument parsing, or adding interactive prompts. Invoke for parsing flags and subcommands, displaying progress bars and spinners, generating bash/zsh/fish com
R
react-expertUse when building React 18+ applications in .jsx or .tsx files, Next.js App Router projects, or create-react-app setups. Creates components, implements custom hooks, debugs rendering issues, migrates

Use when writing E2E tests with Playwright, setting up test infrastructure, or debugging flaky browser tests. Invoke to write test scripts, create page objects, configure test fixtures, set up reporters, add CI integration, implement API mocking, or perform visual regression testing. Trigger terms: Playwright, E2E test, end-to-end, browser testing, automation, UI testing, visual testing, Page Object Model, test flakiness.

Topic	Reference	Load When
Selectors	`references/selectors-locators.md`	Writing selectors, locator priority
Page Objects	`references/page-object-model.md`	POM patterns, fixtures
API Mocking	`references/api-mocking.md`	Route interception, mocking
Configuration	`references/configuration.md`	playwright.config.ts setup
Debugging	`references/debugging-flaky.md`	Flaky tests, trace viewer

playwright-expert

Install

Related skills

Playwright Expert

Core Workflow

Reference Guide

Constraints

MUST DO

MUST NOT DO

Code Examples

Selector: Role-based (correct) vs CSS class (brittle)

Page Object Model + Test File

Debugging Workflow for Flaky Tests

Output Templates

Knowledge Reference