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.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# Playwright CLI Skill
Drive a real browser from the terminal using `playwright-cli`. Prefer the bundled wrapper script so the CLI works 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 (required)
Before proposing commands, check whether `npx` is available (the wrapper depends on it):
```bash
command -v npx >/dev/null 2>&1
```
If it is not available, pause and ask the user to install Node.js/npm (which provides `npx`). Provide these steps verbatim:
```bash
# Verify Node/npm are installed
node --version
npm --version
# If missing, install Node.js/npm, then:
npm install -g @playwright/cli@latest
playwright-cli --help
```
Once `npx` is present, proceed with the wrapper script. A global install of `playwright-cli` is optional.
## Skill path (set once)
```bash
export CODEX_HOME="${CODEX_HOME:-$HOME/.codex}"
export PWCLI="$CODEX_HOME/skills/playwright/scripts/playwright_cli.sh"
```
User-scoped skills install under `$CODEX_HOME/skills` (default: `~/.codex/skills`).
## Quick start
Use the wrapper script:
```bash
…
The line at the top of this page pins the label git:20260919.e8b19bf, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
GET https://markdownregistry.com/api/v1/artifacts/art_dkd7vgd5fdwopqr5
GET https://markdownregistry.com/api/v1/resolve?ref=ethanyoq/skill-hub/playwright
GET https://markdownregistry.com/api/v1/blob/c52cc95125b720cdc3c9829b0294c2752d4ae9b85a5282aa153da8bba929af87
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
ethanyoq/skill-hub · archives/user-installed-skills/aact-bulk-trials/e07736f27453c7b6/aact-bulk-trials/SKILL.md · 使用 AACT (Aggregate Analysis of ClinicalTrials.gov) PostgreSQL 数据仓库进行批量、历史、聚合性临床试验数据挖掘。Use this skill when the user…
ethanyoq/skill-hub · archives/user-installed-skills/adaptive-quality-gate/b5189ce6c1bdba9b/adaptive-quality-gate/SKILL.md · Use when work produces a deliverable, factual claim, dataset, code change, decision, publication, deployment…
ethanyoq/skill-hub · archives/user-installed-skills/add-changeset/eca9273317fbdf81/add-changeset/SKILL.md · Create a changeset file in .changeset/ that describes a user-facing change for the release notes
ethanyoq/skill-hub · archives/user-installed-skills/add-competitor/72939df8cfcf87bc/add-competitor/SKILL.md · Add a new competitor to the AI Visibility Tool Directory — researches the tool, generates data, takes a screenshot, and…
ethanyoq/skill-hub · archives/user-installed-skills/add-lang/00700e7d79525f4e/add-lang/SKILL.md · Add tree-sitter language support to codegraph end-to-end — wire the grammar + extractor, write tests, then benchmark…
ethanyoq/skill-hub · archives/user-installed-skills/aesthetic/a4c80565d9241341/aesthetic/SKILL.md · Create aesthetically beautiful interfaces following proven design principles. Use when building UI/UX, analyzing…
ethanyoq/skill-hub · archives/user-installed-skills/agent-eval/61ca5bbbd5c736b7/agent-eval/SKILL.md · Benchmark CodeGraph retrieval quality on a real codebase by comparing agent behavior with vs without CodeGraph. Use…
ethanyoq/skill-hub · archives/user-installed-skills/agent-reach/330e35da8cf10b5e/agent-reach/SKILL.md · MUST USE when user wants to 调研/research/搜索/search/查/找/look up anything on the internet — e.g. 全网调研 X / 帮我调研一下 X / 查一下 X…
ethanyoq/skill-hub · archives/user-installed-skills/agent-reach/81c9cf0fc08ce044/agent-reach/SKILL.md · MUST USE when user wants to 调研/research/搜索/search/查/找/look up anything on the internet — e.g. 全网调研 X / 帮我调研一下 X / 查一下 X…
foryourhealth111-pixel/vibe-skills · bundled/skills/playwright/SKILL.md · Use when the task requires automating a real browser from the terminal (navigation, form filling, snapshots…
zhongkaifu/tensorsharp · TensorAgent/skills/playwright/SKILL.md · Use when the task requires automating a real browser from the terminal (navigation, form filling, snapshots…
mindrally/skills · playwright/SKILL.md · Playwright end-to-end testing best practices for web applications, covering test design, locator strategies, and…
secondsky/claude-skills · plugins/playwright/skills/playwright/SKILL.md · Browser automation and E2E testing with Playwright. Auto-detects dev servers, writes clean test scripts. Test pages…
magnus919/agent-skills · playwright/SKILL.md · Operate Playwright for browser automation end to end: author and debug E2E test suites (robust locators, network…
letta-ai/skills · tools/playwright/SKILL.md · Use when the task requires automating a real browser from the terminal (navigation, form filling, snapshots…
seaworld008/commonly-used-high-value-skills · openclaw-skills/playwright/SKILL.md · Use when the task requires automating a real browser from the terminal (navigation, form filling, snapshots…
jurybu/mcp-skill-rules_packages · skills/playwright/SKILL.md · Use when the task requires automating a real browser from the terminal (navigation, form filling, snapshots…