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.
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
Use this skill to query your Google NotebookLM notebooks directly from Claude Code for source-grounded, citation-backed answers from Gemini. Browser automation, library management, persistent auth. Drastically reduced hallucinations through document-only responses.
Complete browser automation with Playwright. Auto-detects dev servers, writes clean test scripts to /tmp. Test pages, fill forms, take screenshots, check responsive design, validate UX, test login flows, check links, automate any browser task. Use when user wants to test websites, automate browser interactions, validate web functionality, or perform any browser-based testing.
Automate Electron desktop apps (VS Code, Slack, Discord, Figma, Notion, Spotify, etc.) using agent-browser via Chrome DevTools Protocol. Use when the user needs to interact with an Electron app, automate a desktop app, connect to a running app, control a native app, or test an Electron application. Triggers include "automate Slack app", "control VS Code", "interact with Discord app", "test this Electron app", "connect to desktop app", or any task requiring automation of a native Electron application.
Use when the task requires automating a real browser from the terminal (navigation, form filling, snapshots, screenshots, data extraction, UI-flow debugging) via `playwright-cli` or the bundled wrapper script.
Use when the user explicitly asks for a desktop or system screenshot (full screen, specific app or window, or a pixel region), or when tool-specific capture capabilities are unavailable and an OS-level capture is needed.
A fast Rust-based headless browser automation CLI with Node.js fallback that enables AI agents to navigate, click, type, and snapshot pages via structured commands.
| 所有联网操作必须通过此 skill 处理,包括:搜索、网页抓取、登录后操作、动态页面交互等。 触发场景:用户要求搜索信息、查看网页内容、访问需要登录的网站、操作网页界面、抓取社交媒体内容(小红书、微博、推特等)、读取动态渲染页面、以及任何需要真实浏览器环境的网络任务。
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.