Automates and tests local web applications using Playwright with integrated server lifecycle management.
This skill provides a comprehensive framework for Claude to perform end-to-end testing and debugging of local web applications. It leverages Playwright for browser automation and includes specialized helper scripts to manage application server lifecycles, whether dealing with simple static sites or complex multi-tier architectures (e.g., separate backend and frontend). By following a structured reconnaissance-then-action pattern, it ensures accurate element discovery and reliable interaction, making it an essential tool for verifying UI behavior, capturing diagnostic screenshots, and analyzing browser logs in a headless environment.
Key Features
01Headless browser interaction using the Playwright synchronous API
02Built-in support for dynamic apps with network idle waiting mechanisms
03Automated server lifecycle management for single or multiple local processes
040 GitHub stars
05Structured reconnaissance pattern for reliable DOM element discovery
06Diagnostic screenshot and console log capture for visual debugging
Use Cases
01Debugging complex UI layout issues by capturing and analyzing full-page screenshots
02Executing end-to-end integration tests on a local React or Vue development server
03Verifying user authentication flows across local frontend and backend services
