Setup & Installation
What This Skill Does
Automates interaction with local web applications using Python Playwright. Handles server lifecycle, DOM inspection, screenshot capture, and browser log collection. Includes helper scripts and example patterns for both static and dynamic apps.
Instead of manually clicking through a browser after each change, it automates the full cycle of starting servers, waiting for JS to hydrate, inspecting the DOM, and asserting behavior in one script.
When to use it
- Taking screenshots of a locally running React app to verify layout after a CSS change
- Clicking through a multi-step form to confirm all validation states render correctly
- Capturing browser console logs during a page load to catch JavaScript errors
- Testing a frontend against a running backend by managing both server processes simultaneously
- Discovering all interactive elements on a rendered page before writing targeted selectors