microsoft/playwright-triage
Triage a Playwright bug report by reproducing it from the information in the issue. Use when asked to triage, reproduce, or verify a GitHub issue (a new bug report, or an existing report with a new comment).
npx skills add https://github.com/microsoft/playwright --skill playwright-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.
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:
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.
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 under packages/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).
The rest of this skill is the bug path.
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.
If something's missing, guess and try anyway; note assumptions in the report.
~/tmp/issue-<number>/: clone the linked repo, orscaffold npm install @playwright/test@next with a single-project config (see
bisect-published-versions.md). Use
PLAYWRIGHT_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).
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 @next build 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.
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:
test.beforeAll / afterAll, no http.createServer, no manual setup/teardown. Thefixtures already give you a page and a web server. Use server.setRoute(...),
server.setRedirect(...), server.PREFIX, server.EMPTY_PAGE instead of standing up your own.
page.setContent(...) or page.goto(server.PREFIX + '/...').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.setRoute SSE endpoint, no lifecycle hookstests/page/selectors-css.spec.ts — should use light DOM structure for child combinator with slotted content: page.setContent with inline shadow DOM (#37768)tests/page/workers.spec.ts — should report worker script as network request after redirect: server fixture with routes/redirects + a browser-gap fixme (#35678)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.
comment if it has postinstall scripts, obfuscated code, or random small libraries.
Take microsoft/playwright-triage from the repository into ~/.claude/skills for personal
use, or into .claude/skills inside a project.
The agent identifies a skill by the name field in its header. Two skills with the
same name cannot sit side by side — one of them will be ignored.
The instructions reference npm.
Without those the skill loads but fails at the first command.