What problem does it solve? Verifying that a local web application actually works in a browser requires manual clicking, screenshotting, and log inspection, which is slow and error-prone. This Skill automates frontend verification, UI debugging, screenshot capture, and browser log collection using Python Playwright scripts. ## Core Features & Use Cases - Server Lifecycle Management: The scripts/with_server.py helper starts one or more servers (e.g., backend plus frontend), waits for their ports to be ready, runs your automation, and cleans up afterward. - Reconnaissance-Then-Action Pattern: Navigate to a page, wait for networkidle, inspect the rendered DOM or take a screenshot, then act on discovered selectors for dynamic webapps. - Ready-Made Examples: Reference scripts cover element discovery, static HTML automation via file:// URLs, and console log capture. - Use Case: You just built a React frontend on port 5173 and want to confirm the login form works. Run the helper to start the dev server, then execute a Playwright script that fills the form, submits it, and saves a screenshot of the result. ## Quick Start Use the webapp-testing skill to start my dev server and verify the login page at localhost:5173 renders and submits correctly.
