What problem does it solve? Testing local web applications manually is slow and error-prone, especially when verifying frontend behavior, debugging UI issues, or capturing browser state. This Skill automates browser interactions with Playwright so you can validate functionality, inspect rendered DOM, and capture screenshots or console logs programmatically. ## Core Features & Use Cases - Server Lifecycle Management: The with_server.py helper starts one or more servers (e.g., backend plus frontend), waits for readiness, runs your automation, and cleans up automatically. - Reconnaissance-Then-Action Pattern: Navigate to a page, wait for networkidle, inspect the rendered DOM or take screenshots, then act on discovered selectors. - Example Scripts: Ready-made patterns for element discovery, static HTML automation via file:// URLs, and console log capture. - Use Case: You have a React dev server on port 5173 and want to verify a login form works. Run the helper to start the server, then execute a Playwright script that fills the form, submits it, and screenshots the result. ## Quick Start Ask the AI to test your local web app by starting the dev server with the helper script and writing a Playwright automation that navigates to the page, waits for it to load, and captures a screenshot.
