Agent skill

Playwright

by 6BNBN in 6BNBN/FlowPilot

A skill your agent uses when the task requires automating a real browser from the terminal in Cursor, including navigation, form filling, snapshots, screenshots, data extraction, and UI-flow…

Apache-2.0Auto-check passedTesting & QA

Install Playwright

skills CLI
$ npx skills add 6BNBN/FlowPilot --skill playwright -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install 6BNBN/FlowPilot playwright --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/6BNBN/FlowPilot.git skills-src && mkdir -p .claude/skills && cp -r skills-src/'兼容codex@cursor一键安装技能/cursor一键安装技能/skills/playwright' .claude/skills/playwright && rm -rf skills-src

Use ~/.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/

Facts

Skill name
playwright
GitHub stars
134
Token cost
~1k tokens
SKILL.md length
371 words
Files
10 (incl. scripts, references, assets)
Skills in repo
21
Repo updated
First seen
Licence
Apache-2.0

At a glance

A skill your agent uses when the task requires automating a real browser from the terminal in Cursor, including navigation, form filling, snapshots, screenshots, data extraction, and UI-flow…

  • Works in 5 steps: Open the page. → Snapshot to get stable element refs. → Interact using refs from the latest… → …
  • The task requires automating a real browser from the terminal in Cursor
  • SKILL.md covers Prerequisite check, Skill path in Cursor, Quick start and Core workflow, plus 5 more sections
  • Runs Batch and Shell scripts from its folder; calls npm, npx and node; reaches playwright.dev

What it does

Playwright is an agent skill from 6BNBN/FlowPilot. Use when the task requires automating a real browser from the terminal in Cursor, including navigation, form filling, snapshots, screenshots, data extraction, and UI-flow debugging via playwright-cli or the bundled wrapper scripts.

Its SKILL.md is about 1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 13 other files, including scripts, reference files and assets (for example `agents/openai.yaml`, `references/cli.md` and `references/workflows.md`).

It sits in Testing & QA, covering Browser testing and Forms and invoices. It works with Playwright, Bash and PowerShell. The repository describes itself as: 一句需求,自动拆任务、并行多代理写码、断点恢复、验证收尾。FlowPilot 让 Claude Code / Codex / Cursor / snow-cli 进入真正的自动开发流程。 The licence is Apache-2.0.

When your agent uses it

  • The task requires automating a real browser from the terminal in Cursor
  • Including navigation
  • Data extraction
  • UI-flow debugging via playwright-cli

Example prompts

  • “/playwright”

Requirements

  • Node.js
  • A Bash shell

Workflow steps

5 steps, taken from the first numbered list in SKILL.md.

  1. Open the page.
  2. Snapshot to get stable element refs.
  3. Interact using refs from the latest snapshot.
  4. Re-snapshot after navigation or significant DOM changes.
  5. Capture artifacts such as screenshots, PDFs, or traces when useful.

What it can do on your machine

Read from SKILL.md and the folder at commit 57b1d49. 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 2 files in scripts/ (Batch and Shell), which the agent can run.

    Shell commands in SKILL.md call:

    • npm
    • npx
    • node

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Hosts in commands or code, which the agent is likely to contact:

    • playwright.dev

    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 loads about 1k tokens when it runs, and up to ~2.1k if it reads all its reference files. Until then it costs about 61 tokens; SKILL.md has 371 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~61
When it runs · the whole SKILL.md, loaded when a task matches
~1k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~2.1k

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 6BNBN/FlowPilot at commit 57b1d49, republished under its Apache-2.0 licence (© 6BNBN). 371 words, ~1,045 tokens.

Download SKILL.mdSave it as .claude/skills/playwright/SKILL.md (or your agent's skills folder). This skill also uses 9 other files; get the full folder from GitHub.
name
playwright
description
Use when the task requires automating a real browser from the terminal in Cursor, including navigation, form filling, snapshots, screenshots, data extraction, and UI-flow debugging via `playwright-cli` or the bundled wrapper scripts.

Playwright CLI Skill

Drive a real browser from the terminal using playwright-cli. In Cursor, prefer the bundled wrapper scripts so the CLI can run even when it is not globally installed. Treat this skill as CLI-first automation. Do not pivot to @playwright/test unless the user explicitly asks for test files.

Prerequisite check

Before proposing commands, verify that node, npm, and npx are available.

PowerShell:

powershell
node --version
npm --version
npx --version

Bash:

bash
node --version
npm --version
npx --version

If they are missing, pause and ask the user to install Node.js first. A global install of playwright-cli is optional; the bundled wrappers use npx.

Skill path in Cursor

When this skill is installed as a Cursor personal skill, it lives under ~/.cursor/skills/playwright/.

Windows PowerShell:

powershell
$PWCLI = Join-Path $env:USERPROFILE ".cursor\skills\playwright\scripts\playwright_cli.cmd"

Bash:

bash
export PWCLI="$HOME/.cursor/skills/playwright/scripts/playwright_cli.sh"

Prefer the Windows .cmd wrapper on Windows and the .sh wrapper on bash-compatible shells.

Quick start

Windows PowerShell:

powershell
& $PWCLI open https://playwright.dev --headed
& $PWCLI snapshot
& $PWCLI click e15
& $PWCLI type "Playwright"
& $PWCLI press Enter
& $PWCLI screenshot

Bash:

bash
"$PWCLI" open https://playwright.dev --headed
"$PWCLI" snapshot
"$PWCLI" click e15
"$PWCLI" type "Playwright"
"$PWCLI" press Enter
"$PWCLI" screenshot

If the user prefers a global install, this is also valid:

powershell
npm install -g @playwright/cli@latest
playwright-cli --help

Core workflow

  1. Open the page.
  2. Snapshot to get stable element refs.
  3. Interact using refs from the latest snapshot.
  4. Re-snapshot after navigation or significant DOM changes.
  5. Capture artifacts such as screenshots, PDFs, or traces when useful.

Minimal loop:

powershell
& $PWCLI open https://example.com
& $PWCLI snapshot
& $PWCLI click e3
& $PWCLI snapshot

When to snapshot again

Snapshot again after:

  • navigation
  • clicking elements that change the UI substantially
  • opening or closing modals or menus
  • tab switches

Refs can go stale. When a command fails due to a missing ref, snapshot again.

Show full SKILL.md (148 more words)Show less
Form fill and submit
powershell
& $PWCLI open https://example.com/form
& $PWCLI snapshot
& $PWCLI fill e1 "user@example.com"
& $PWCLI fill e2 "password123"
& $PWCLI click e3
& $PWCLI snapshot
Debug a UI flow with traces
powershell
& $PWCLI open https://example.com --headed
& $PWCLI tracing-start
# ...interactions...
& $PWCLI tracing-stop
Multi-tab work
powershell
& $PWCLI tab-new https://example.com
& $PWCLI tab-list
& $PWCLI tab-select 0
& $PWCLI snapshot

Wrapper scripts

The wrapper scripts use npx --package @playwright/cli playwright-cli so the CLI can run without a global install.

Windows PowerShell:

powershell
& $PWCLI --help

Bash:

bash
"$PWCLI" --help

Prefer the bundled wrappers unless the repository already standardizes on a global install.

References

Open only what you need:

  • CLI command reference: references/cli.md
  • Practical workflows and troubleshooting: references/workflows.md

Guardrails

  • Always snapshot before referencing element ids like e12.
  • Re-snapshot when refs seem stale.
  • Prefer explicit commands over eval and run-code unless needed.
  • When you do not have a fresh snapshot, use placeholder refs like eX and say why; do not bypass refs with run-code.
  • Use --headed when a visual check will help.
  • When capturing artifacts in a repo, prefer output/playwright/ and avoid introducing new top-level artifact folders unless the project already uses a different convention.
  • Default to CLI commands and workflows, not Playwright test specs.

© 6BNBN, Apache-2.0. 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 9 other files (scripts, references, assets) in 兼容codex@cursor一键安装技能/cursor一键安装技能/skills/playwright of 6BNBN/FlowPilot.

  • SKILL.md
  • LICENSE.txt
  • NOTICE.txt
  • agents/openai.yaml
  • assets/playwright-small.svg
  • assets/playwright.png
  • references/cli.md
  • references/workflows.md
  • scripts/playwright_cli.cmd
  • scripts/playwright_cli.sh

Open the folder on GitHubat commit 57b1d49

Compare with similar skills

Playwright 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.

Playwright compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Playwright this skill6BNBN/FlowPilot134—~1kAutomated safety check: PassApache-2.0
Playwright CLIsanity-io/sanity6.4k18 repos~1.9kAutomated safety check: PassMIT
PlaywrightJetBrains/skills36412 repos~986Automated safety check: PassApache-2.0
Openai Playwrighttrailofbits/skills-curated512—~945Automated safety check: NotesCC-BY-SA-4.0
Playwright AutomationArabelaTso/Skills-4-SE253—~930Automated safety check: PassApache-2.0
Playwright CLItestdino-hq/playwright-skill3861 repos~2.5kAutomated safety check: PassMIT

Similar skills

  • Playwright CLI

    sanity-io/sanity

    Official

    Automates browser interactions for web testing, form filling, screenshots, and data extraction.

    6.4k GitHub starsUsed in 18 repos~1.9k tokens
    Testing & QAAuto-check passed
  • Playwright

    JetBrains/skills

    Official

    A skill your agent uses when the task requires automating a real browser from the terminal (navigation, form filling, snapshots, screenshots, data extraction, UI-flow debugging) via playwright-cli…

    364 GitHub starsUsed in 12 repos~986 tokens
    Testing & QAAuto-check passed
  • Openai Playwright

    trailofbits/skills-curated

    Official

    A skill your agent uses when the task requires automating a real browser from the terminal (navigation, form filling, snapshots, screenshots, data extraction, UI-flow debugging) via playwright-cli…

    512 GitHub stars~945 tokensUpdated 2 mo ago
    Testing & QAAuto-check: notes
  • Playwright Automation

    ArabelaTso/Skills-4-SE

    Browser automation via Playwright for web testing, screenshots, form filling, scraping, and verification.

    253 GitHub stars~930 tokensUpdated 1 mo ago
    Testing & QAAuto-check passed
  • Playwright CLI

    testdino-hq/playwright-skill

    Automates browser interactions for testing and validating your own web applications using playwright-cli.

    386 GitHub starsUsed in 1 repo~2.5k tokens
    Testing & QAAuto-check passed
  • QA

    Kiln-AI/Kiln

    Multi-agent, browser-driven QA pass over a branch or PR — scope it, plan it, fan out one subagent per testing area in its own isolated sandbox, compile a severity-ranked markdown report.

    5.2k GitHub stars~3.6k tokensUpdated today
    Testing & QAAuto-check passed

More from 6BNBN/FlowPilot

All 21 skills in this repo
  • Code Review

    6BNBN/FlowPilot

    A skill your agent uses when the user asks to review a pull request or diff with a structured Codex CLI workflow using parallel review passes and filtered actionable findings.

    134 GitHub stars~624 tokensUpdated 6 mo ago
    Auto-check passed
  • A skill your agent uses when facing 2+ independent tasks that can be worked on without shared state or sequential dependencies.

    134 GitHub starsUsed in 1 repo~301 tokens
    Auto-check passed
  • Feature Dev

    6BNBN/FlowPilot

    A skill your agent uses when the user asks to build a new feature and wants a structured Codex CLI workflow with discovery, clarifying questions, architecture comparison, implementation, and review.

    134 GitHub stars~823 tokensUpdated 6 mo ago
    Auto-check passed
  • Writing Skills

    6BNBN/FlowPilot

    A skill your agent uses when creating, editing, or validating Cursor custom skills, especially when deciding where they should live, how they should be named, and how to describe when they apply.

    134 GitHub stars~322 tokensUpdated 6 mo ago
    Auto-check passed
  • Code Review

    6BNBN/FlowPilot

    A skill your agent uses when the user asks for a code review of local files, a workspace, a branch diff, or a pull request.

    134 GitHub stars~465 tokensUpdated 6 mo ago
    Auto-check passed
  • Feature Dev

    6BNBN/FlowPilot

    A skill your agent uses when building a new feature or substantial behavior change in Cursor and the user wants a structured workflow from discovery through implementation and review.

    134 GitHub stars~439 tokensUpdated 6 mo ago
    Auto-check passed

Questions about Playwright

What does Playwright do?

A skill your agent uses when the task requires automating a real browser from the terminal in Cursor, including navigation, form filling, snapshots, screenshots, data extraction, and UI-flow…. Playwright is an agent skill from 6BNBN/FlowPilot. Use when the task requires automating a real browser from the terminal in Cursor, including navigation, form filling, snapshots, screenshots, data extraction, and UI-flow debugging via playwright-cli or the bundled wrapper scripts.

When should I use Playwright?

Playwright fits situations like: the task requires automating a real browser from the terminal in Cursor; including navigation; data extraction; UI-flow debugging via playwright-cli.

How do I install Playwright in Claude Code?

Run `npx skills add 6BNBN/FlowPilot --skill playwright -a claude-code`. Or copy the skill folder (兼容codex@cursor一键安装技能/cursor一键安装技能/skills/playwright in 6BNBN/FlowPilot) into .claude/skills/playwright in your project. Claude Code loads it when a task matches its description.

How do I install Playwright in Codex?

Run `npx skills add 6BNBN/FlowPilot --skill playwright -a codex`. Or copy the skill folder (兼容codex@cursor一键安装技能/cursor一键安装技能/skills/playwright in 6BNBN/FlowPilot) into .agents/skills/playwright in your project. Codex loads it when a task matches its description.

Can I use Playwright 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 6BNBN/FlowPilot --skill playwright -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, .gemini/skills/playwright, .github/skills/playwright and .opencode/skills/playwright in your project.

What does Playwright need to run?

Going by SKILL.md and its folder, Playwright needs Windows cmd and a shell for the scripts in its folder and the command-line tools its instructions call (npm, npx and node). Our summary lists: Node.js; A Bash shell.

Does Playwright access the network?

SKILL.md names 1 domain. In commands or code: playwright.dev; the agent is likely to contact it when it follows the instructions. This is read from the text; nothing was executed.

Is Playwright 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 use?

Playwright is published under the Apache-2.0 licence (from the LICENSE file in the skill folder). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Playwright use?

About 1k tokens (SKILL.md is roughly 4.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 1.1k tokens, read only when the agent opens those files.

What are the alternatives to Playwright?

Skills that share tags, products or a category with Playwright: Playwright CLI (sanity-io/sanity, 6.4k stars), Playwright (JetBrains/skills, 364 stars), Openai Playwright (trailofbits/skills-curated, 512 stars) and Playwright Automation (ArabelaTso/Skills-4-SE, 253 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Playwright?

6BNBN (a GitHub user) maintains it in 6BNBN/FlowPilot, which has 134 GitHub stars. The repository holds 21 skills in this directory. The repository was last updated on March 13, 2026.

Source: 6BNBN/FlowPilot on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.