Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
borghei avatar

Playwright Pro

  • 117 installs
  • 451 repo stars
  • Updated July 21, 2026
  • borghei/claude-skills

Author resilient Playwright E2E suites—selectors, fixtures, CI parallelization, trace debugging, and flake reduction—for web apps and extensions before release.

About

Playwright-pro equips Claude to design stable end-to-end browser tests with smart selectors, fixture patterns, parallel CI execution, trace-based debugging, and anti-flake practices for SaaS, extension, and CLI-backed web surfaces.

  • E2E test authoring
  • Selector strategies
  • CI parallel runs
  • Trace debugging
  • Flake mitigation

Playwright Pro by the numbers

  • 117 all-time installs (skills.sh)
  • Ranked #957 of 2,153 Testing & QA skills by installs in the Skillselion catalog
  • Data as of Aug 5, 2026 (Skillselion catalog sync)
npx skills add https://github.com/borghei/claude-skills --skill playwright-pro

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs117
repo stars451
Last updatedJuly 21, 2026
Repositoryborghei/claude-skills

What it does

Author resilient Playwright E2E suites—selectors, fixtures, CI parallelization, trace debugging, and flake reduction—for web apps and extensions before release.

Files

SKILL.mdMarkdownGitHub ↗

Playwright Pro

Production-grade end-to-end testing with Playwright. Generate tests from user stories, implement the Page Object pattern for maintainability, apply the correct locator strategy for resilient tests, diagnose and fix flaky tests, migrate from Cypress or Selenium, integrate with CI/CD, run visual regression tests, and perform accessibility audits. Enforces the 10 golden rules that eliminate 90% of E2E test failures.

Core Capabilities

  • Resilient authoringgetByRole/getByLabel/getByText locator priority, web-first auto-retrying assertions, and the 10 golden rules.
  • Page Object Model — centralize locators, expose user-intent methods, generate POM classes from HTML/selectors.
  • Test generation — produce specs from user stories with happy-path and error-path coverage.
  • Flaky-test diagnosis — trace analysis, headed/debug runs, race-condition and shared-state fixes.
  • Migration — Cypress/Selenium → Playwright command mapping and auth-setup patterns.
  • CI integration — GitHub Actions, sharding, conditional browser installs, trace/screenshot artifacts.
  • Visual regression & accessibilitytoHaveScreenshot baselines and Axe WCAG AA gates.

When to Use

  • Writing or organizing E2E tests for web apps.
  • Fixing flaky tests or diagnosing CI-only failures.
  • Migrating a suite from Cypress or Selenium.
  • Adding visual regression or WCAG accessibility gates.
  • Setting up Playwright CI integration and reporting.

Sub-Skills

This skill uses compound sub-skill architecture. Each sub-skill in skills/ handles a specific workflow:

Sub-SkillFilePurpose
Initskills/init.mdBootstrap Playwright in a project -- install, configure, create first test
Generateskills/generate.mdGenerate test files from user stories or page descriptions
Fixskills/fix.mdDiagnose and fix failing or flaky tests using trace analysis
Migrateskills/migrate.mdMigrate from Cypress or Selenium to Playwright
Reviewskills/review.mdAudit test quality, coverage gaps, and flaky test indicators
Reportskills/report.mdGenerate execution reports from Playwright JSON output
Coverageskills/coverage.mdMap tests to user stories, identify coverage gaps
BrowserStackskills/browserstack.mdBrowserStack cloud integration for cross-browser testing
TestRailskills/testrail.mdTestRail integration for test case management

Sub-skill flow: Init → Generate → Review → Fix (if needed); Coverage → Generate (fill gaps); Report → BrowserStack / TestRail.

Tools

ToolPurposeCommand
test_generator.pyGenerate Playwright test code from user story descriptionspython scripts/test_generator.py --story "..." --page LoginPage --output tests/
flaky_detector.pyAnalyze multiple CI runs to detect flaky test patternspython scripts/flaky_detector.py --results-dir results/ --runs 10 --threshold 0.05
coverage_mapper.pyMap tests to user flows and identify coverage gapspython scripts/coverage_mapper.py --tests tests/ --flows flows.json --gaps-only
page_object_generator.pyGenerate Page Object classes from HTML or selector listspython scripts/page_object_generator.py --html page.html --name LoginPage --route /login
test_analyzer.pyScan test files for anti-patterns and quality issuespython scripts/test_analyzer.py tests/ --severity high
test_report_parser.pyParse Playwright JSON reports into summariespython scripts/test_report_parser.py report.json --top-slow 10

References

Load the reference that matches the task — keep this file lean and pull detail on demand:

  • [references/core-rules-and-patterns.md](references/core-rules-and-patterns.md) — the 10 golden rules, locator priority, playwright.config.ts, Page Object Model classes, test generation from user stories, and shared-auth setup. Read when authoring tests or configuring a project.
  • [references/playwright-patterns.md](references/playwright-patterns.md) — locator decision tree, web-first vs non-retrying assertion patterns, custom/worker fixtures, network mocking, anti-pattern quick reference, and CI sharding patterns. Read when choosing locators, mocking APIs, or building fixtures.
  • [references/diagnosis-migration-and-ci.md](references/diagnosis-migration-and-ci.md) — flaky-test causes/fixes and diagnosis commands, Cypress→Playwright migration table, GitHub Actions CI, visual regression, accessibility testing, common pitfalls, best practices, troubleshooting table, and the success-criteria bar. Read when fixing flaky tests, migrating, wiring CI, or auditing a suite.

Scope & Limitations

This skill covers:

  • End-to-end test authoring, organization, and maintenance with Playwright
  • Page Object Model architecture and locator strategy best practices
  • Flaky test diagnosis, CI integration, and trace-based debugging
  • Visual regression testing and WCAG accessibility auditing

This skill does NOT cover:

  • Unit testing or component testing in isolation (see engineering/testing-strategy for test pyramid guidance)
  • API contract testing or load/performance testing (see api-test-suite-builder for API-focused testing)
  • Test data management, database seeding, or factory patterns for test fixtures
  • Mobile native app testing (Appium, Detox); this skill targets web browsers only

Integration Points

SkillIntegrationData Flow
ci-cd-pipeline-builderE2E tests run as a pipeline stage after build and unit testsPipeline config triggers playwright test; artifacts (traces, screenshots) upload on failure
api-test-suite-builderAPI tests validate backend contracts; Playwright tests validate UI flows end-to-endAPI test results confirm endpoint stability before E2E suite runs against the same environment
pr-review-expertPR reviews check for test coverage on UI changes and flag missing E2E specsReview checklist references Playwright Pro golden rules; flags waitForTimeout or raw CSS selectors
performance-profilerPerformance budgets complement E2E tests to catch regressionsProfiler identifies slow pages; Playwright tests add networkidle waits or performance assertions for flagged routes
observability-designerTest failures feed into observability dashboards for flake trackingCI test results export JSON reports; observability pipelines ingest pass/fail/flake metrics over time
release-managerE2E suite is a release gate; green suite required before deployment proceedsRelease workflow calls Playwright CI job; blocks release tag creation on any test failure

Related skills

Testing & QAtestingfrontendintegrations

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.