# playwright-expert

> Claude/Codex skill by [@jeffallan](https://omgskills.com/library/jeffallan/index.md) · 12k stars · Updated 2026-10-30

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.

Tags: ai-agents, claude, claude-code, claude-marketplace, claude-skills

## Install

```sh
git clone https://github.com/Jeffallan/claude-skills /tmp/claude-skills && ln -s /tmp/claude-skills/skills/playwright-expert ~/.claude/skills/playwright-expert
```

## From README

Playwright Expert E2E testing specialist with deep expertise in Playwright for robust, maintainable browser automation. Core Workflow Analyze requirements - Identify user flows to test - 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 | | Debugging | references/debugging-flaky.md | Flaky tests, trace viewer | Constraints MUST DO Use role-based selectors when possible Leverage auto-waiting (don't add...

## Links

- HTML page: https://omgskills.com/library/jeffallan/claude-skills/playwright-expert/
- GitHub: https://github.com/Jeffallan/claude-skills
- Author: [@jeffallan](https://omgskills.com/library/jeffallan/index.md)

## More from this repo

- [api-designer](https://omgskills.com/library/jeffallan/claude-skills/api-designer/index.md) — Used when designing REST or GraphQL APIs, creating OpenAPI specifications, or planning API architecture.
   - [@jeffallan](https://omgskills.com/library/jeffallan/index.md) · 12k stars
- [architecture-designer](https://omgskills.com/library/jeffallan/claude-skills/architecture-designer/index.md) — Used when designing new high-level system architecture, reviewing existing designs, or making architectural decisions.
   - [@jeffallan](https://omgskills.com/library/jeffallan/index.md) · 12k stars
- [atlassian-mcp](https://omgskills.com/library/jeffallan/claude-skills/atlassian-mcp/index.md) — Integrates with Atlassian products to manage project tracking and documentation via MCP protocol.
   - [@jeffallan](https://omgskills.com/library/jeffallan/index.md) · 12k stars