Automates local web application testing and UI debugging using Playwright and integrated server lifecycle management.
This skill provides a specialized toolkit for Claude to interact with, test, and debug local web applications using native Python Playwright scripts. It streamlines the testing process by offering a 'with_server.py' helper that manages the lifecycle of multiple servers (such as frontend and backend) automatically. By implementing a 'reconnaissance-then-action' pattern, the skill allows Claude to inspect rendered DOM states, capture screenshots, and view browser logs before executing interactions. This approach ensures high reliability when testing dynamic, JavaScript-heavy applications while keeping the context window clean by treating complex automation scripts as efficient black-box utilities.
主な機能
01Reconnaissance-then-action pattern for reliable dynamic DOM selection
020 GitHub stars
03Headless browser automation using Playwright's sync API
04Automated lifecycle management for single or multiple local servers
05Pre-built helper scripts for element discovery and debugging
06Integrated screenshot capture and console log inspection
ユースケース
01Debugging complex UI behaviors by capturing screenshots and logs in headless environments
02Automating end-to-end testing of local development builds before deployment
03Verifying frontend functionality and layout consistency across dynamic web components