Playwright Pro
alirezarezvani/claude-skills
Production-grade Playwright testing toolkit. An agent skill from alirezarezvani/claude-skills.
End-to-end testing with Playwright: test generation, page objects, locator strategy, flaky- test diagnosis, visual regression, and CI integration.
Install Playwright Pro
$ npx skills add borghei/Claude-Skills --skill playwright-pro -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install borghei/Claude-Skills playwright-pro --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/borghei/Claude-Skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/engineering/playwright-pro .claude/skills/playwright-pro && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "playwright-pro" agent skill from https://github.com/borghei/Claude-Skills/tree/main/engineering/playwright-pro into .claude/skills/playwright-pro/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "playwright-pro", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/borghei/Claude-Skills/tree/main/engineering/playwright-proType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add borghei/Claude-Skills --skill playwright-pro -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install borghei/Claude-Skills playwright-pro --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/borghei/Claude-Skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/engineering/playwright-pro .agents/skills/playwright-pro && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "playwright-pro" agent skill from https://github.com/borghei/Claude-Skills/tree/main/engineering/playwright-pro into .agents/skills/playwright-pro/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "playwright-pro", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add borghei/Claude-Skills --skill playwright-pro -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install borghei/Claude-Skills playwright-pro --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/borghei/Claude-Skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/engineering/playwright-pro .cursor/skills/playwright-pro && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "playwright-pro" agent skill from https://github.com/borghei/Claude-Skills/tree/main/engineering/playwright-pro into .cursor/skills/playwright-pro/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "playwright-pro", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/borghei/Claude-Skills.git --path engineering/playwright-pro--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add borghei/Claude-Skills --skill playwright-pro -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install borghei/Claude-Skills playwright-pro --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/borghei/Claude-Skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/engineering/playwright-pro .gemini/skills/playwright-pro && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "playwright-pro" agent skill from https://github.com/borghei/Claude-Skills/tree/main/engineering/playwright-pro into .gemini/skills/playwright-pro/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "playwright-pro", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install borghei/Claude-Skills playwright-proInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add borghei/Claude-Skills --skill playwright-pro -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/borghei/Claude-Skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/engineering/playwright-pro .github/skills/playwright-pro && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "playwright-pro" agent skill from https://github.com/borghei/Claude-Skills/tree/main/engineering/playwright-pro into .github/skills/playwright-pro/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "playwright-pro", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add borghei/Claude-Skills --skill playwright-pro -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install borghei/Claude-Skills playwright-pro --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/borghei/Claude-Skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/engineering/playwright-pro .opencode/skills/playwright-pro && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "playwright-pro" agent skill from https://github.com/borghei/Claude-Skills/tree/main/engineering/playwright-pro into .opencode/skills/playwright-pro/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "playwright-pro", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
playwright-pro- GitHub stars
- 874
- Token cost
- ~2k tokens
- SKILL.md length
- 858 words
- Files
- 19 (incl. scripts, references)
- Skills in repo
- 364
- Repo updated
- First seen
- Licence
- MIT
At a glance
End-to-end testing with Playwright: test generation, page objects, locator strategy, flaky- test diagnosis, visual regression, and CI integration.
- Writing E2E tests
- SKILL.md covers Core Capabilities, When to Use, Clarify First and Sub-Skills, plus 4 more sections
- Runs Python scripts from its folder; calls python and playwright
- Fixing flaky tests
What it does
Playwright Pro is an agent skill from borghei/Claude-Skills. End-to-end testing with Playwright: test generation, page objects, locator strategy, flaky- test diagnosis, visual regression, and CI integration. Use when writing E2E tests, fixing flaky tests, or migrating from Cypress/Selenium.
Its SKILL.md is about 2k tokens, which your agent loads only when the skill is triggered. The skill folder holds 21 other files, including scripts and reference files (for example `references/core-rules-and-patterns.md`, `references/diagnosis-migration-and-ci.md` and `references/playwright-patterns.md`).
It sits in Testing & QA, covering End-to-end testing, Browser testing and Failing and flaky tests. It works with Playwright, Cypress and Selenium. The repository describes itself as: 385 AI skills, 77 expert agents, and 900 stdlib Python tools for every team: engineering, PM, marketing, C-level, compliance, business ops, research, and a LinkedIn toolkit… The licence is MIT.
When your agent uses it
- Writing E2E tests
- Fixing flaky tests
- Migrating from Cypress/Selenium
Example prompts
- “/playwright-pro”
Requirements
- Python 3
What it can do on your machine
Read from SKILL.md and the folder at commit c9a1487. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Ships 6 files in scripts/ (Python, from the files we listed), which the agent can run.
Shell commands in SKILL.md call:
pythonplaywright
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Playwright Pro loads about 2k tokens when it runs, and up to ~7.3k if it reads all its reference files. Until then it costs about 61 tokens; SKILL.md has 858 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.
SKILL.md
The full file from borghei/Claude-Skills at commit c9a1487, republished under its MIT licence (© borghei). 858 words, ~2,039 tokens.
Download SKILL.mdSave it as
.claude/skills/playwright-pro/SKILL.md (or your agent's skills folder). This skill also uses 18 other files; get the full folder from GitHub.- name
- playwright-pro
- description
- End-to-end testing with Playwright: test generation, page objects, locator strategy, flaky- test diagnosis, visual regression, and CI integration. Use when writing E2E tests, fixing flaky tests, or migrating from Cypress/Selenium.
- license
- MIT + Commons Clause
- metadata.version
- 2.1.0
- metadata.author
- borghei
- metadata.category
- engineering
- metadata.domain
- e2e-testing
- metadata.tier
- POWERFUL
- metadata.updated
- 2026-06-17
- metadata.tags
- playwright, e2e-testing, page-objects, flaky-tests, migration, ci-integration, visual-regression, accessibility
- metadata.frameworks
- playwright, vitest, ci-integration
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 authoring —
getByRole/getByLabel/getByTextlocator 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 & accessibility —
toHaveScreenshotbaselines 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.
Clarify First
Before generating tests, confirm these inputs. If any is unknown or vague, ASK — do not assume:
- Task / sub-skill — init, generate, fix-flaky, migrate, or review (routes the entire workflow)
- User story or flow to cover — the happy + error paths the spec must assert (drives test generation)
- Locator surface — whether the app exposes roles/labels/
data-testid(sets locator strategy and POM resilience) - Source framework (if migrating) — Cypress or Selenium (selects the command-mapping table)
Stop rule: ask only the 2-3 that most change the output. If the user says "just draft it," proceed and list your assumptions at the top of the artifact.
Sub-Skills
This skill uses compound sub-skill architecture. Each sub-skill in skills/ handles a specific workflow:
| Sub-Skill | File | Purpose |
|---|---|---|
| Init | skills/init.md | Bootstrap Playwright in a project -- install, configure, create first test |
| Generate | skills/generate.md | Generate test files from user stories or page descriptions |
| Fix | skills/fix.md | Diagnose and fix failing or flaky tests using trace analysis |
| Migrate | skills/migrate.md | Migrate from Cypress or Selenium to Playwright |
| Review | skills/review.md | Audit test quality, coverage gaps, and flaky test indicators |
| Report | skills/report.md | Generate execution reports from Playwright JSON output |
| Coverage | skills/coverage.md | Map tests to user stories, identify coverage gaps |
| BrowserStack | skills/browserstack.md | BrowserStack cloud integration for cross-browser testing |
| TestRail | skills/testrail.md | TestRail integration for test case management |
Sub-skill flow: Init → Generate → Review → Fix (if needed); Coverage → Generate (fill gaps); Report → BrowserStack / TestRail.
Tools
| Tool | Purpose | Command |
|---|---|---|
test_generator.py | Generate Playwright test code from user story descriptions | python scripts/test_generator.py --story "..." --page LoginPage --output tests/ |
flaky_detector.py | Analyze multiple CI runs to detect flaky test patterns | python scripts/flaky_detector.py --results-dir results/ --runs 10 --threshold 0.05 |
coverage_mapper.py | Map tests to user flows and identify coverage gaps | python scripts/coverage_mapper.py --tests tests/ --flows flows.json --gaps-only |
page_object_generator.py | Generate Page Object classes from HTML or selector lists | python scripts/page_object_generator.py --html page.html --name LoginPage --route /login |
test_analyzer.py | Scan test files for anti-patterns and quality issues | python scripts/test_analyzer.py tests/ --severity high |
test_report_parser.py | Parse Playwright JSON reports into summaries | python scripts/test_report_parser.py report.json --top-slow 10 |
Show full SKILL.md (359 more words)Show less
References
Load the reference that matches the task — keep this file lean and pull detail on demand:
- 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 — 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 — 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-strategyfor test pyramid guidance) - API contract testing or load/performance testing (see
api-test-suite-builderfor 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
| Skill | Integration | Data Flow |
|---|---|---|
ci-cd-pipeline-builder | E2E tests run as a pipeline stage after build and unit tests | Pipeline config triggers playwright test; artifacts (traces, screenshots) upload on failure |
api-test-suite-builder | API tests validate backend contracts; Playwright tests validate UI flows end-to-end | API test results confirm endpoint stability before E2E suite runs against the same environment |
pr-review-expert | PR reviews check for test coverage on UI changes and flag missing E2E specs | Review checklist references Playwright Pro golden rules; flags waitForTimeout or raw CSS selectors |
performance-profiler | Performance budgets complement E2E tests to catch regressions | Profiler identifies slow pages; Playwright tests add networkidle waits or performance assertions for flagged routes |
observability-designer | Test failures feed into observability dashboards for flake tracking | CI test results export JSON reports; observability pipelines ingest pass/fail/flake metrics over time |
release-manager | E2E suite is a release gate; green suite required before deployment proceeds | Release workflow calls Playwright CI job; blocks release tag creation on any test failure |
© borghei, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 18 other files (scripts, references) in engineering/playwright-pro of borghei/Claude-Skills.
- SKILL.md
- references/core-rules-and-patterns.md
- references/diagnosis-migration-and-ci.md
- references/playwright-patterns.md
- scripts/coverage_mapper.py
- scripts/flaky_detector.py
- scripts/page_object_generator.py
- scripts/test_analyzer.py
- scripts/test_generator.py
- scripts/test_report_parser.py
- skills/browserstack.md
- skills/coverage.md
- skills/fix.md
- skills/generate.md
- skills/init.md
- skills/migrate.md
- skills/report.md
- skills/review.md
- … and 1 more
Open the folder on GitHubat commit c9a1487
Compare with similar skills
Playwright Pro next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Playwright Pro this skillborghei/Claude-Skills | 874 | — | ~2k | Automated safety check: Pass | MIT | |
| Playwright Proalirezarezvani/claude-skills | 28k | 1 repos | ~1.4k | Automated safety check: Pass | MIT | |
| Test Migrationpetrkindlmann/qa-skills | 163 | — | ~5.3k | Automated safety check: Pass | MIT | |
| Playwright Testingchongdashu/vibejam-starter-pack | 149 | — | ~2.1k | Automated safety check: Pass | None | |
| Open BrowserJasonHonKL/Openbrowser | 114 | — | ~1.6k | Automated safety check: Pass | MIT | |
| Playwright Testingchongdashu/vibejam-starter-pack | 149 | — | ~2.2k | Automated safety check: Pass | None |
Similar skills
Test Migration
petrkindlmann/qa-skills
Migrate a test suite from one framework to another, incrementally and without losing coverage.
Playwright Testing
chongdashu/vibejam-starter-pack
Plan, implement, and debug frontend tests: unit/integration/E2E/visual/a11y.
Open Browser
JasonHonKL/Openbrowser
A skill your agent uses whenever the task involves browsing web pages, extracting page content, clicking forms, or completing web workflows.
Playwright Testing
chongdashu/vibejam-starter-pack
Plan, implement, and debug frontend tests: unit/integration/E2E/visual/a11y.
Playwright Expert
cin12211/orca-q
Playwright E2E testing expert for browser automation, cross-browser testing, visual regression, network interception, and CI integration.
More from borghei/Claude-Skills
All 364 skills in this repoAgents In The Team
borghei/Claude-Skills
Run delivery when AI coding and ops agents take tickets. An agent skill from borghei/Claude-Skills.
AI Content Disclosure
borghei/Claude-Skills
Check AI-generated marketing content and reviews for required disclosures under the EU AI Act, FTC rules and platform AI-label policies.
AI Prototyping
borghei/Claude-Skills
Idea to AI-generated prototype to customer validation to engineering handoff.
Analytics Engineer
borghei/Claude-Skills
Analytics engineering across data modeling, dbt, transformation, and semantic layers.
Ansoff Matrix
borghei/Claude-Skills
Ansoff Matrix — 4-quadrant framework for growth options: market penetration, market/product development, and diversification.
Brainstorm Okrs
borghei/Claude-Skills
OKR brainstorming and validation using the Radical Focus framework — outcome objectives, measurable key results, counter-metrics.
Related
Works with
Categories
Questions about Playwright Pro
What does Playwright Pro do?
End-to-end testing with Playwright: test generation, page objects, locator strategy, flaky- test diagnosis, visual regression, and CI integration. Playwright Pro is an agent skill from borghei/Claude-Skills. End-to-end testing with Playwright: test generation, page objects, locator strategy, flaky- test diagnosis, visual regression, and CI integration.
When should I use Playwright Pro?
Playwright Pro fits situations like: writing E2E tests; fixing flaky tests; migrating from Cypress/Selenium.
How do I install Playwright Pro in Claude Code?
Run `npx skills add borghei/Claude-Skills --skill playwright-pro -a claude-code`. Or copy the skill folder (engineering/playwright-pro in borghei/Claude-Skills) into .claude/skills/playwright-pro in your project. Claude Code loads it when a task matches its description.
How do I install Playwright Pro in Codex?
Run `npx skills add borghei/Claude-Skills --skill playwright-pro -a codex`. Or copy the skill folder (engineering/playwright-pro in borghei/Claude-Skills) into .agents/skills/playwright-pro in your project. Codex loads it when a task matches its description.
Can I use Playwright Pro in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add borghei/Claude-Skills --skill playwright-pro -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/playwright-pro, .gemini/skills/playwright-pro, .github/skills/playwright-pro and .opencode/skills/playwright-pro in your project.
What does Playwright Pro need to run?
Going by SKILL.md and its folder, Playwright Pro needs Python for the scripts in its folder and the command-line tools its instructions call (python and playwright). Our summary lists: Python 3.
Does Playwright Pro access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Playwright Pro safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
What licence does Playwright Pro use?
Playwright Pro is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Playwright Pro use?
About 2k tokens (SKILL.md is roughly 8.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 5.2k tokens, read only when the agent opens those files.
What are the alternatives to Playwright Pro?
Skills that share tags, products or a category with Playwright Pro: Playwright Pro (alirezarezvani/claude-skills, 28k stars), Test Migration (petrkindlmann/qa-skills, 163 stars), Playwright Testing (chongdashu/vibejam-starter-pack, 149 stars) and Open Browser (JasonHonKL/Openbrowser, 114 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Playwright Pro?
borghei (a GitHub user) maintains it in borghei/Claude-Skills, which has 874 GitHub stars. The repository holds 364 skills in this directory. The repository was last updated on October 7, 2026.
Source: borghei/Claude-Skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.