--- name: playwright-browser # prettier-ignore description: "Use when automating browsers, testing pages, taking screenshots, checking UI, verifying login flows, or testing responsive behavior" version: 1.1.0 category: testing triggers: - "browser" - "playwright" - "screenshot" - "test the page" - "check the UI" - "login flow" - "fill form" - "responsive" - "viewport" --- Browser automation via Playwright. Write scripts, execute via run.js. <\/objective> Write Playwright code to \/tmp, execute from skill directory: ```bash node $SKILL_DIR\/run.js \/tmp\/playwright-task.js ``` For inline code (variables are auto-injected, see below): ```bash node $SKILL_DIR\/run.js "const b = await chromium.launch(); const p = await b.newPage(); await p.goto('http:\/\/localhost:3000'); console.log(await p.title()); await b.close();" ``` $SKILL_DIR is where you loaded this file from. <\/execution> Default: headless (invisible, less intrusive). Use `{ headless: false }` when user wants to see the browser. You know when that is. <\/headless-vs-headed> Screenshots to \/tmp. Use `slowMo: 100` for debugging. <\/defaults> For inline code, these are available: - `BASE_URL` - from PLAYWRIGHT_BASE_URL env var - `CI_ARGS` - browser args for CI (`['--no-sandbox', '--disable-setuid-sandbox']`) - `EXTRA_HEADERS` - from PW_HEADER_NAME\/VALUE or PW_EXTRA_HEADERS - `chromium`, `firefox`, `webkit`, `devices` - from playwright Example: ```bash node $SKILL_DIR\/run.js " const browser = await chromium.launch({ args: CI_ARGS }); const page = await browser.newPage(); await page.goto(BASE_URL || 'http:\/\/localhost:3000'); console.log(await page.title()); await browser.close(); " ``` <\/injected-variables> run.js auto-installs Playwright on first use. No manual setup needed. <\/auto-install> For network mocking, auth persistence, multi-tab, downloads, video, traces: [API_REFERENCE.md](API_REFERENCE.md) <\/advanced-patterns>