How does this help with visual debugging?

It can capture full-page or element-specific screenshots and output browser console logs, helping you see exactly what the browser sees during execution.

Can I use this for native mobile app testing?

No, this skill specifically targets web applications via Playwright. For mobile apps, tools like React Native Testing Library are more appropriate.

Do I need to install Playwright manually?

No, the skill is designed to automatically handle Playwright installation if the library is not already present on your system.

Does this skill require a running web server?

Yes, your web application must be running locally or hosted at a reachable URL for the skill to interact with and test it.

Can I test responsive layouts with this skill?

Yes, the skill supports checking responsive design by allowing interactions across different viewport sizes and device emulations.

Web App Testing & Debugging

Name: Web App Testing & Debugging
Author: beel-collab

bybeel-collab

•

安全与测试

Automates web application testing and UI debugging using Playwright to ensure seamless frontend functionality and visual consistency.

The Web App Testing skill empowers Claude to interact directly with local web applications through Playwright-driven automation. It allows developers to verify complex user flows, capture visual screenshots for debugging, and inspect browser console logs without leaving the terminal. Whether you are troubleshooting a CSS alignment issue or validating a multi-step form submission, this skill provides a robust framework for end-to-end testing, responsive design validation across various viewports, and rapid UI regression checks.

主要功能

014 GitHub stars

02Real-time browser console log and network request inspection

03Automated DOM element assertions and visibility verification

04Automated browser navigation and form interaction

05Responsive design validation across custom viewport sizes

06High-resolution screenshot capture for visual debugging

使用场景

01Automating regression tests for frontend components before code commits

02Verifying end-to-end user flows like signup, login, and checkout processes

03Debugging visual inconsistencies or UI bugs in a local development environment

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add beel-collab/presets.dev webapp-testing

For use in Claude.ai and ChatGPT

Download Skill