What problem does it solve?
This Skill simplifies testing and debugging of local web applications by providing Playwright-based patterns, helper scripts, and best practices to reliably inspect rendered DOM, capture screenshots, collect console logs, and run automated interactions without manual environment management.
Core Features & Use Cases
- Server lifecycle management: includes scripts/with_server.py to start one or more servers, wait for readiness, run automation commands, and clean up processes.
- Reconnaissance-then-action workflow: guidance for navigating, waiting for networkidle, inspecting rendered DOM, identifying selectors, and performing deterministic actions with Playwright.
- Debugging and evidence collection: examples for capturing full-page screenshots, saving console logs, and discovering interactive elements for CI or developer troubleshooting.
- Use Case: orchestrate frontend and backend local servers, run headless Chromium tests to verify UI flows, and save artifacts for debugging.
Quick Start
Start the helper for your local servers, open http://localhost:5173, wait for networkidle, capture a screenshot, and list interactive elements using Playwright.