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 workflow for writing Playwright automation scripts, managing dev servers, and inspecting rendered pages. ## 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, then execute actions against dynamic webapps. - 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 Python backend on port 3000. Use the helper to launch both, then run a Playwright script that logs in, clicks through the dashboard, and captures screenshots and console logs for debugging. ## Quick Start Use the webapp-testing skill to start my dev server and write a Playwright script that verifies the login page renders correctly.
