Automates end-to-end testing and visual verification of local web applications using Playwright and TypeScript.
This skill provides a comprehensive framework for interacting with and testing local web applications through Playwright, enabling Claude to perform browser automation, verify UI behaviors, and capture visual evidence. It enforces professional testing standards by requiring TypeScript-based E2E tests, structured evidence collection for PR reviews, and mandatory verification steps before concluding development tasks. By integrating reconnaissance-then-action patterns and automated server management, it ensures that web features function correctly across modern browser environments while maintaining a clean project structure.
Key Features
01Visual verification through full-page screenshots and video recording
02Real-time browser log and network error monitoring for debugging
0316 GitHub stars
04Automated E2E testing with Playwright and TypeScript integration
05Structured reconnaissance for dynamic DOM and selector discovery
06Automated development server management via webServer configuration
Use Cases
01Generating visual evidence and automated reports for pull request reviews
02Verifying complex frontend workflows like multi-step forms and authentication
03Debugging UI regressions by inspecting rendered states and console errors
