Is a Node.js environment required?

Yes, this skill requires Node.js to be installed on your system to execute the Playwright automation scripts.

Does this skill support mobile app testing?

This skill is specifically for web applications. For native mobile apps, you should use specialized tools like React Native Testing Library.

Can this skill test production websites or only local apps?

While it is optimized for testing local web applications during development, it can interact with any URL accessible from your local machine.

How does it help with debugging failed tests?

The skill can capture full-page screenshots on failure and retrieve browser console logs to help you identify the exact cause of a UI or logic error.

Do I need to install Playwright manually to use this skill?

No, the skill is designed to check for Playwright and will handle the installation automatically if it is not present on your system.

Web Application Testing with Playwright

Name: Web Application Testing with Playwright
Author: gitdevaldo

bygitdevaldo

0•

보안 및 테스팅

Automates and validates local web application functionality using Playwright for end-to-end testing and UI debugging.

This skill provides Claude with comprehensive browser automation capabilities via Playwright, allowing it to interact with local web applications just as a real user would. It enables developers to verify frontend logic, capture visual screenshots for debugging, monitor browser console logs, and validate complex user flows such as form submissions and responsive design behavior. By integrating Playwright directly into the Claude Code workflow, it bridges the gap between code generation and functional verification in a real browser environment, making it an essential tool for maintaining high-quality frontend codebases.

주요 기능

01Real-time monitoring and extraction of browser console logs

020 GitHub stars

03Support for explicit waits and robust selector-based element assertions

04High-resolution screenshot capture for visual debugging and documentation

05Automated browser navigation and complex user interaction simulation

06Validation of responsive design and UI element visibility across viewports

사용 사례

01Generating automated regression tests for new frontend features during development

02Debugging CSS layout issues or JavaScript errors by inspecting live browser logs

03Verifying critical user flows like registration and checkout in local environments

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add gitdevaldo/tanyahukum webapp-testing

For use in Claude.ai and ChatGPT

주요 기능

01Real-time monitoring and extraction of browser console logs

020 GitHub stars

03Support for explicit waits and robust selector-based element assertions

04High-resolution screenshot capture for visual debugging and documentation

05Automated browser navigation and complex user interaction simulation

06Validation of responsive design and UI element visibility across viewports

사용 사례

01Generating automated regression tests for new frontend features during development

02Debugging CSS layout issues or JavaScript errors by inspecting live browser logs

03Verifying critical user flows like registration and checkout in local environments