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 for interacting with and validating web apps 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 afterward. - Reconnaissance-Then-Action Pattern: Inspect the rendered DOM after networkidle, identify selectors, then execute actions against dynamic JavaScript-driven pages. - Example Scripts: Ready-made patterns for element discovery, static HTML automation via file:// URLs, and console log capture. - Use Case: You have a React frontend on port 5173 and a FastAPI backend on port 3000. Use the helper to launch both, then run a Playwright script that logs in, clicks through the dashboard, and screenshots the result for verification. ## Quick Start Ask the agent to test the 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.
