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 provides a structured Playwright-based workflow to automate browser interactions, inspect rendered DOMs, and capture screenshots and console logs. ## 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 pages, wait for networkidle, inspect the rendered DOM, and identify selectors before executing actions on dynamic webapps. - Browser Evidence Capture: Take full-page screenshots and record console logs during automation for debugging and verification. - Use Case: You have a React frontend on port 5173 and a Python backend on port 3000. Use the helper to launch both servers, then run a Playwright script that logs in, clicks through the dashboard, and saves screenshots verifying each page renders correctly. ## Quick Start Ask the AI to test your local web app by starting the dev server with the with_server.py helper and writing a Playwright script that navigates to the page, waits for it to load, and captures a screenshot.
