"Use when automating browsers, testing pages, taking screenshots, checking UI, verifying login flows, or testing responsive behavior"
Resources
3Install
npx skillscat add technickai/ai-coding-config/playwright-browser Install via the SkillsCat registry.
SKILL.md
Browser automation via Playwright. Write scripts, execute via run.js.
Write Playwright code to /tmp, execute from skill directory:
node $SKILL_DIR/run.js /tmp/playwright-task.jsFor 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.
Default: headless (invisible, less intrusive).Use { headless: false } when user wants to see the browser. You know when that is.
BASE_URL- from PLAYWRIGHT_BASE_URL env varCI_ARGS- browser args for CI (['--no-sandbox', '--disable-setuid-sandbox'])EXTRA_HEADERS- from PW_HEADER_NAME/VALUE or PW_EXTRA_HEADERSchromium,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();
"
run.js auto-installs Playwright on first use. No manual setup needed.
For network mocking, auth persistence, multi-tab, downloads, video, traces:
[API_REFERENCE.md](API_REFERENCE.md)