playwright-skill

Describe the task you want automated, and a custom Playwright script is written to /tmp and executed via the run.js wrapper. The script launches a visible Chromium browser by default, navigates to your target URL, and performs actions like clicking, form filling, and screenshots.

Run the detectDevServers helper first, which scans common ports like 3000, 3001, 5173, and 8080 for running servers. The detected URL is then parameterized as a TARGET_URL constant at the top of the generated test script.

Yes, Playwright supports viewport resizing via page.setViewportSize and full device emulation using the devices descriptor, such as iPhone 12. You can loop through desktop, tablet, and mobile viewport sizes and capture screenshots for each.

Yes, set the PW_HEADER_NAME and PW_HEADER_VALUE environment variables for a single header, or PW_EXTRA_HEADERS as a JSON object for multiple headers. Headers are merged automatically when creating contexts through the helpers.createContext function.

Module resolution fails when scripts run outside the skill directory where Playwright is installed. Always execute scripts through the run.js wrapper from the skill directory, and run npm run setup first if Playwright is not yet installed.

Avoid it for quick page debugging or network inspection, where browser DevTools are more appropriate. It is designed for full automation tasks like testing flows and capturing screenshots, not lightweight inspection of a single page.