What problem does it solve? Verifying frontend behavior of local web applications requires manually starting servers, opening browsers, and inspecting rendered pages, which is slow and error-prone. This Skill automates browser interaction, UI debugging, screenshot capture, and console log collection using Playwright. ## Core Features & Use Cases - Automated Browser Testing: Write native Python Playwright scripts to navigate pages, click elements, fill forms, and verify frontend functionality. - Server Lifecycle Management: The scripts/with_server.py helper starts one or more servers (backend plus frontend), waits for port readiness, runs your automation, and cleans up. - Reconnaissance-Then-Action Pattern: Inspect the rendered DOM after networkidle, discover selectors from buttons, links, and inputs, then execute actions against the live state. - Use Case: You are debugging a booking form on a local dev server. Launch the server with the helper, capture a full-page screenshot, dump console logs, and confirm the form submits correctly. ## Quick Start Ask the AI to test your local web app at localhost:5173 by taking a screenshot and listing all buttons and form fields on the page.
