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 DOMs, 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 pages, wait for networkidle, inspect the rendered DOM, and discover selectors before executing actions on dynamic apps. - Browser Evidence Capture: Take full-page screenshots and record console logs for debugging UI behavior. - 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 screenshots the result. ## Quick Start Ask the AI to test your local web app at localhost:5173 by writing a Playwright script that navigates to the page, waits for it to load, and captures a screenshot.
