What problem does it solve? Manually verifying frontend behavior, debugging UI issues, and capturing browser state for local web applications is repetitive and error-prone. This Skill automates those tasks with Playwright, including server startup, DOM inspection, screenshots, and console log capture. ## Core Features & Use Cases - Server Lifecycle Management: The with_server.py helper starts one or more servers (e.g., backend plus frontend), waits for ports to be ready, runs your automation, and cleans up. - Reconnaissance-Then-Action Pattern: Inspect the rendered DOM after networkidle, identify selectors, then execute clicks, form fills, and navigation. - Example Scripts: Ready-made patterns for element discovery, static HTML automation via file:// URLs, and console log capture. - Use Case: You are developing a React app on port 5173 and need to verify a login form works. The Skill starts the dev server, navigates headlessly, fills the form, submits it, and saves a screenshot of the result. ## Quick Start Ask the assistant to test your local web app with Playwright, for example: start my dev server on port 5173, open the page, click the login button, and take a screenshot.
