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 DOM, and capture screenshots or console logs without manual clicking. ## Core Features & Use Cases - Server Lifecycle Management: The with_server.py helper starts one or more servers (frontend and backend), waits for readiness, runs your automation, and cleans up afterward. - Reconnaissance-Then-Action Pattern: Navigate to a page, wait for network idle, inspect the rendered DOM, then act on discovered selectors for reliable automation of dynamic apps. - Browser Inspection: Capture full-page screenshots, console logs, and element inventories (buttons, links, inputs) for debugging. - Use Case: Verify a loan application form end-to-end by starting the Next.js frontend and Express backend together, filling the form programmatically, submitting it, and screenshotting the result page. ## Quick Start Ask the AI to test your local web app with Playwright, for example: start my dev server and verify the form submission flow works end to end.
