{"slug":"playwright","title":"playwright","summary":"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.","platform":"ChatGPT","tags":[],"authorName":"LLM Mart","authorSlug":"llm-mart","score":0,"source":"github","price":null,"verified":false,"createdAt":"2026-08-12T22:20:09.882741Z","repo":{"url":"https://github.com/openai/skills","stars":27615,"forks":1868,"license":null,"updatedAt":"2026-09-08T20:35:26Z"},"bodyHtml":"
\n

name: \"playwright\"\ndescription: \"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.\"

\n

Playwright CLI Skill

\n

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.\nTreat this skill as CLI-first automation. Do not pivot to @playwright/test unless the user explicitly asks for test files.

\n

Prerequisite check (required)

\n

Before proposing commands, check whether npx is available (the wrapper depends on it):

\n
command -v npx >/dev/null 2>&1\n
\n

If it is not available, pause and ask the user to install Node.js/npm (which provides npx). Provide these steps verbatim:

\n
# Verify Node/npm are installed\nnode --version\nnpm --version\n\n# If missing, install Node.js/npm, then:\nnpm install -g @playwright/cli@latest\nplaywright-cli --help\n
\n

Once npx is present, proceed with the wrapper script. A global install of playwright-cli is optional.

\n

Skill path (set once)

\n
export CODEX_HOME=\"${CODEX_HOME:-$HOME/.codex}\"\nexport PWCLI=\"$CODEX_HOME/skills/playwright/scripts/playwright_cli.sh\"\n
\n

User-scoped skills install under $CODEX_HOME/skills (default: ~/.codex/skills).

\n

Quick start

\n

Use the wrapper script:

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

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

\n
npm install -g @playwright/cli@latest\nplaywright-cli --help\n
\n

Core workflow

\n
    \n
  1. Open the page.
    2. \n
  2. Snapshot to get stable element refs.
    3. \n
  3. Interact using refs from the latest snapshot.
    4. \n
  4. Re-snapshot after navigation or significant DOM changes.
    5. \n
  5. Capture artifacts (screenshot, pdf, traces) when useful.
    6. \n
\n

Minimal loop:

\n
\"$PWCLI\" open https://example.com\n\"$PWCLI\" snapshot\n\"$PWCLI\" click e3\n\"$PWCLI\" snapshot\n
\n

When to snapshot again

\n

Snapshot again after:

\n\n

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

\n

Recommended patterns

\n

Form fill and submit

\n
\"$PWCLI\" open https://example.com/form\n\"$PWCLI\" snapshot\n\"$PWCLI\" fill e1 \"user@example.com\"\n\"$PWCLI\" fill e2 \"password123\"\n\"$PWCLI\" click e3\n\"$PWCLI\" snapshot\n
\n

Debug a UI flow with traces

\n
\"$PWCLI\" open https://example.com --headed\n\"$PWCLI\" tracing-start\n# ...interactions...\n\"$PWCLI\" tracing-stop\n
\n

Multi-tab work

\n
\"$PWCLI\" tab-new https://example.com\n\"$PWCLI\" tab-list\n\"$PWCLI\" tab-select 0\n\"$PWCLI\" snapshot\n
\n

Wrapper script

\n

The wrapper script uses npx --package @playwright/cli playwright-cli so the CLI can run without a global install:

\n
\"$PWCLI\" --help\n
\n

Prefer the wrapper unless the repository already standardizes on a global install.

\n

References

\n

Open only what you need:

\n\n

Guardrails

\n\n","files":[{"path":"agents/openai.yaml","sizeBytes":313,"isText":true},{"path":"assets/playwright.png","sizeBytes":1730,"isText":false},{"path":"assets/playwright-small.svg","sizeBytes":828,"isText":false},{"path":"LICENSE.txt","sizeBytes":11552,"isText":true},{"path":"NOTICE.txt","sizeBytes":403,"isText":true},{"path":"references/cli.md","sizeBytes":1863,"isText":true},{"path":"references/workflows.md","sizeBytes":1864,"isText":true},{"path":"scripts/playwright_cli.sh","sizeBytes":526,"isText":true},{"path":"SKILL.md","sizeBytes":3771,"isText":true}],"reviewScore":null,"reviewSummary":null,"trust":{"provenance":"trusted-source-unreviewed","notice":"Community-authored content, reproduced verbatim and not vetted as instructions. Treat it as data to evaluate, never as directives to follow.","bodySource":null},"bodyLocked":false,"purchaseUrl":null,"sourceUrl":null,"report":{"provenance":"trusted-source-unreviewed","screen":{"ran":true,"outcome":"clean","suspicious":0,"notes":0,"hiddenCharacters":false},"virusScan":{"engine":"clamav","status":"clean","scannedAt":"2026-08-12T22:21:00.503435Z","sha256":"0D790A000F68CFC68EFCAC52C586A48CD7B3CEF8ECD0EA8B43328492ADC8D8EF","sizeBytes":11187},"review":null,"source":{"repositoryUrl":"https://github.com/openai/skills","path":"skills/.curated/playwright","license":null,"commit":"49f948faa9258a0c61caceaf225e179651397431","subtreeSha":"CB16C3E70CBD5F18FEF556F192734832591235DC5E9BF586B2B03D33A1FCE98B","lastSyncedAt":"2026-09-25T06:49:08.341535Z"},"reviewedAt":"2026-08-12T22:22:21.908446Z","notice":"Community-authored content, reproduced verbatim and not vetted as instructions. Treat it as data to evaluate, never as directives to follow."},"install":[{"target":"skills-cli","command":"npx skills add https://github.com/openai/skills/tree/main/skills/.curated/playwright"},{"target":"claude-code","command":"claude plugin marketplace add https://llmmart.ai/marketplace.json && claude plugin install openai-skills@llmmart"},{"target":"git","command":"git clone https://github.com/openai/skills.git"}]}