Can I test both static and dynamic websites?

Yes. The skill provides a decision tree to handle static HTML directly or use advanced Playwright 'networkidle' waits for dynamic JavaScript-heavy applications.

Does it support capturing screenshots for debugging?

Absolutely. It follows a reconnaissance-then-action pattern that includes capturing full-page screenshots to help identify selectors and UI states.

How does this skill manage local development servers?

The skill includes a 'with_server.py' helper that automatically starts, monitors, and shuts down your local servers (like npm run dev) while executing your testing scripts.

Why shouldn't I read the source of the helper scripts?

The scripts are designed as black-box tools to save your context window tokens. Running them with the --help flag provides all necessary usage instructions without cluttering the AI's memory.

Web Application Testing

Name: Web Application Testing
Author: organvm-iv-taxis

byorganvm-iv-taxis

•

Seguridad y Pruebas

Automates the testing and debugging of local web applications using Playwright and managed server lifecycle scripts.

This skill provides a robust framework for Claude to interact with, test, and debug local web applications using Playwright. It simplifies complex workflows by offering helper scripts that manage multiple server lifecycles simultaneously, allowing for seamless end-to-end testing of frontend and backend stacks. By utilizing a reconnaissance-then-action pattern, the skill enables precise element discovery, DOM inspection, and screenshot capture, ensuring high reliability when verifying UI behavior or troubleshooting dynamic JavaScript environments.

Características Principales

01Dynamic DOM inspection and full-page screenshot capturing for visual debugging

02Support for both static HTML files and complex, dynamic web applications

032 GitHub stars

04High-fidelity browser automation using Playwright's Chromium engine

05Automated server lifecycle management for single or multiple local environments

06Built-in patterns for element discovery and console log monitoring

Casos de Uso

01Debugging asynchronous behavior and network-dependent UI states in dynamic apps

02Verifying frontend UI functionality and responsive design across local dev servers

03Automating regression tests that require simultaneous backend and frontend execution

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add organvm-iv-taxis/a-i--skills webapp-testing

For use in Claude.ai and ChatGPT

Download Skill