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"

node $SKILL_DIR/run.js /tmp/playwright-task.js

For inline code (variables are auto-injected, see below):

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.

Use { headless: false } when user wants to see the browser. You know when that is.

• 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:

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();
"