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 approach to writing Playwright automation scripts, managing dev server lifecycles, 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 from screenshots or element queries, 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 need to verify that a form submission works on your local dev server. Use with_server.py to launch the app, then run a Playwright script that fills the form, submits it, and screenshots the result. ## Quick Start Ask the AI to test your local web app with Playwright, for example: start my dev server on port 5173 and verify the login form submits correctly.
