Playwright Expert

This is a solid foundation for anyone writing Playwright tests who wants to avoid the usual pitfalls. It pushes you toward role-based selectors over brittle CSS classes, enforces Page Object Model patterns, and has specific guidance on debugging flaky tests with trace viewer. The reference structure is practical, breaking out selectors, mocking, and configuration into separate guides you load as needed. What I appreciate is the opinionated stance on waits: it explicitly bans waitForTimeout() and shows you the proper alternatives. The examples are concrete enough to copy and adapt. If you're setting up E2E tests or inheriting a flaky suite, this gives you the patterns to make tests maintainable instead of a maintenance burden.

skills.sh installs: 5.6K
GitHub stars: 12.3K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add jeffallan/claude-skills --skill playwright-expert --agent claude-code

Installs into .claude/skills of the current project.

Files

Playwright Expert

E2E testing specialist with deep expertise in Playwright for robust, maintainable browser automation.

Core Workflow

Analyze requirements - Identify user flows to test
Setup - Configure Playwright with proper settings
Write tests - Use POM pattern, proper selectors, auto-waiting
Debug - Run test → check trace → identify issue → fix → verify fix
Integrate - Add to CI/CD pipeline

Reference Guide

Load detailed guidance based on context:

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