What problem does it solve? Testing local web applications requires manually starting dev servers, waiting for them to be ready, writing browser automation, and cleaning up processes afterward. This Skill automates that workflow so you can verify frontend functionality, debug UI behavior, capture screenshots, and inspect browser logs without the setup overhead. ## Core Features & Use Cases - Server Lifecycle Management: The with_server.py helper starts one or more servers (e.g., backend plus frontend), waits for each port to be ready, runs your automation, and shuts everything down cleanly. - Playwright Automation Patterns: Guidance for writing synchronous Python Playwright scripts, including the reconnaissance-then-action pattern for discovering selectors on dynamic pages after networkidle. - Ready-Made Examples: Reference scripts 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 boot both, run a Playwright script that clicks through the UI, and capture a screenshot verifying the result. ## Quick Start Ask the AI to test your local web app by starting the dev server with the with_server helper and writing a Playwright script that navigates to the page, waits for networkidle, and takes a screenshot.
