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 toolkit for writing Playwright automation scripts that interact with running web apps, manage server lifecycles, 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: Inspect the rendered DOM after networkidle, identify selectors from the live page, then execute actions with discovered selectors. - Example Scripts: Ready-made patterns for element discovery, static HTML automation via file:// URLs, and console log capture. - Use Case: You are debugging a React frontend on port 5173. Use the helper to start the dev server, run a Playwright script that waits for network idle, screenshots the page, and clicks through the dashboard to verify rendering. ## 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 networkidle, and captures a screenshot.
