ref-sp-dev-playwright-clilisted

# Browser Automation with playwright-cli ## Purpose Drive a real, running browser from the terminal — navigate, click, fill forms, inspect the DOM, mock network requests, and capture screenshots/video/traces — without writing a throwaway Playwright script for one-off checks or agent-driven UI verification. ## When to use this skill - Verifying a UI or frontend change actually works by exercising it in a real browser. - Debugging a page's console output, network requests, or DOM state interactively. - Running or debugging Playwright test files (`references/playwright-tests.md`). - Recording a session as video or trace for later review (`references/video-recording.md`, `references/tracing.md`). - Asking the user for live UI/design feedback via the annotation dashboard. - Any task that would otherwise require writing and discarding a one-off Playwright script. ## Provenance Forked from the `playwright-cli` Agent Skill bundled with `@playwright/cli@0.1.17` (`microsoft/playwright-cli` on GitHub, distributed inside `playwright-core`), Apache-2.0 licensed. This repo owns the packaging/integration of the skill into its own catalog; the command reference below is upstream Playwright/Microsoft content, adapted only to this repo's skill conventions. ## Setup in this repo `@playwright/cli` is a devDependency (see `package.json`); run the CLI via the `yarn playwright` script or `node_modules/.bin/playwright-cli` directly. Requires Node >= 22 — use the repo's Node toolchain (`nvm u