
Playwright Issue Triage
OfficialFreeEfficiently reproduce and classify Playwright bug reports.
Free · Opens the source repo
What Playwright Issue Triage does
The Playwright Issue Triage skill is designed to assist developers in effectively managing and reproducing bug reports related to Playwright. This skill focuses on classifying issues based on their content rather than relying on existing labels, allowing for a more accurate assessment of whether an issue is a bug, feature request, or an upstream concern. By utilizing this skill, users can ensure that they are addressing the right problems with the appropriate steps, leading to clearer and more actionable outcomes.
When triaging a bug report, the skill emphasizes the importance of thorough reproduction. Users are guided to explore various scenarios, including different browsers and configurations, before concluding that an issue cannot be reproduced. This exhaustive approach not only aids in identifying genuine bugs but also helps in understanding the nuances of browser behavior, which can vary significantly across different environments.
In addition to bug reproduction, the skill also provides guidance on how to handle feature requests and upstream issues. For feature requests, users are encouraged to verify existing documentation and provide clear acceptance tests for desired behaviors. For upstream issues, the skill directs users to identify the correct owner of the issue, ensuring that the reporting process is streamlined and effective. This comprehensive approach makes the Playwright Issue Triage skill a valuable tool for developers looking to enhance their debugging and issue management processes.
When to use it
Use this skill when you need to triage, reproduce, or verify Playwright-related GitHub issues.
When not to use it
This skill is not suitable for fixing bugs directly; it focuses on classification and reproduction instead.
What you can build with it
Reproducing a Bug Report
Use this skill to systematically reproduce a bug report from GitHub, ensuring all scenarios are explored.
Classifying Issues
Quickly classify issues as bugs, feature requests, or upstream concerns based on the content of the report.
Creating Acceptance Tests
Generate clear acceptance tests for feature requests to communicate expected behaviors effectively.
How to install Playwright Issue Triage
View source1. Install with the skills CLI
npx skills add microsoft/playwright/playwright-triage --agent claude-code2. Or install it manually
Download the skill folder and drop it into ~/.claude/skills/ for all projects, or .claude/skills/ to scope it to one repo. Restart Claude Code so it picks up the new skill.
Anthropic's agentic coding CLI, and the reference implementation of Agent Skills. Drop a skill folder into ~/.claude/skills and Claude Code loads it automatically whenever a task matches the skill's description. Claude Code docs
Inside SKILL.md
Written by microsoftPlaywright Issue Triage
Triage a GitHub issue by working out what it actually is, then doing the right thing for that kind. The goal is a clear, verified status, not a fix.
First, classify the issue
Judge by the content, not the label — a "[Feature]" is often really a bug (something already should work), and a "[Bug]" is sometimes expected behaviour. Work out what it actually is:
- Bug — reproduce it. The bulk of this skill.
- Feature request — nothing to reproduce. Check it doesn't already exist (search docs/API,
maybe under another name), verify any source the reporter cites by reading it, and surface the
real design question. If it's small and well-scoped (like "fail loudly instead of
silently"), the ideal takeaway is an acceptance test: one self-contained spec asserting
current behaviour (passes today) with the desired behaviour alongside as a
fixme/commented assertion. - Upstream / environment — a genuinely external owner (the Node project, a browser engine, a
website's own server/cert config), not Playwright. Find the real owner, don't brute-force a repro,
verify any cited upstream issue and point at the real fix path. Note: the Playwright family —
@playwright/mcp(source lives here underpackages/playwright-core/src/tools/mcp/),playwright-vscode,-python,-java,-dotnet— is not "upstream"; it's us. Never tell a reporter to refile within the project (see below). - Question / usage — answer it or point at the docs.
The rest of this skill is the bug path.
Reproducing a bug
You're not in a hurry, so be exhaustive before giving up. If the user has provided a minimal repro, try it first. If it does not repro for you, play around with things they might have forgotten to mention: all three browsers, headed/headless, a few recent versions, and variations of the snippet or trigger. Report "cannot reproduce" only after you've genuinely explored — and say what you tried. If you have a hunch for what information would help, ask for it.
Run across browsers, and watch for divergence — a bug that only reproduces in webkit, or everywhere except firefox, is a strong signal worth leading with. Plenty of bugs are browser-agnostic, though, and those are just as real: reproducing on every browser is a good result to report, not a non-finding.
- Read the whole thread, comments included — the missing repro or narrowed trigger is often there.
- Pull the inputs: version, browser(s), OS, repro repo/snippet, Expected-vs-Actual (your oracle). If something's missing, guess and try anyway; note assumptions in the report.
- Reproduce on tip-of-tree first, in
~/tmp/issue-<number>/: clone the linked repo, or scaffoldnpm install @playwright/test@nextwith a single-project config (see bisect-published-versions.md). UsePLAYWRIGHT_HTML_OPEN=never. If it reproduces on ToT, it's a live bug — record the exact version/sha you tested, and if it looks like a regression, bisect it (see the guide). - If ToT doesn't reproduce it, try the version the user reported. If it reproduces there but
not on ToT, it's already fixed — find the version/PR that fixed it (a cherry-pick may still
be worth it). If neither reproduces, it's incomplete or env-specific — say what you couldn't
match. (A version ending in
-next, e.g.1.62.0-next, is not an npm version — it means tip-of-tree, which is the@nextbuild you already tried.)
To step through a test interactively, use the playwright-cli skill.
Reports sometimes target another part of the Playwright project — @playwright/mcp (its source is
in this repo), playwright-vscode, playwright-python, playwright-java, playwright-dotnet.
These are all us, so triage them like anything else: check out that repo and reproduce there in
its own language/toolchain when needed. Never tell the reporter the issue belongs in a different
Playwright repo or should be refiled there — that's an internal routing detail, not the reporter's
problem.
Condense the repro into a self-contained test
Big or app-specific repros are much more useful boiled down to a single self-contained spec,
written the way our tests are: one test(...) using the page and server fixtures, tagged
with the issue link. Crucially:
- No
test.beforeAll/afterAll, nohttp.createServer, no manual setup/teardown. The fixtures already give you a page and a web server. Useserver.setRoute(...),server.setRedirect(...),server.PREFIX,server.EMPTY_PAGEinstead of standing up your own. - Drive the page with
page.setContent(...)orpage.goto(server.PREFIX + '/...'). - Keep only what's needed to trigger the bug, and end on the assertion that fails.
Drop it into the repo (tests/page/) and run it with npm run ctest.
Mirror real self-contained tests, e.g.:
tests/page/page-network-request.spec.ts—should return event source:server.setRouteSSE endpoint, no lifecycle hookstests/page/selectors-css.spec.ts—should use light DOM structure for child combinator with slotted content:page.setContentwith inline shadow DOM (#37768)tests/page/workers.spec.ts—should report worker script as network request after redirect:serverfixture with routes/redirects + a browser-gapfixme(#35678)
Report
Give a status that fits the issue type — for a bug: reproduced / fixed-on-latest /
cannot-reproduce / not-a-bug; for a feature request or upstream/env issue: a short verdict
(already-possible, valid request, upstream — owned by X) — plus the evidence. For bugs, include
the condensed repro and be exhaustive about what you ran — the full matrix of browsers,
versions, and variations you tried, not just the one that worked — so the reader can trust the
verdict and skip re-checking. Call out any browser-specific divergence. Write it in the
Playwright bot voice (.github/workflows/bot-voice.md, relative to the repo root) — maintainer voice, not AI-speak.
Watch out
- Only run code you trust — skim a linked repo/snippet first; bail and report that in the issue comment if it has postinstall scripts, obfuscated code, or random small libraries.
- Triage ends at a reproduction and a status; don't jump to a fix.
Frequently asked questions about Playwright Issue Triage
Similar skills
Agent Host Debug Logs
Analyze Agent Host debug logs for deeper insights.
Code OSS Dev - Launch + Debug
Launch and debug Code OSS with isolated profiles.
Phoenix CLI
Debug LLM applications with structured analysis tools.
Power Automate Debugging
Diagnose and fix Power Automate flow errors effectively.
Arize Trace
Inspect and export traces for LLM applications.
Runtime Behavior Probe
Investigate real runtime behavior with precision.
