Can this skill handle both frontend and backend servers?

Yes, it includes a helper script that can manage multiple servers simultaneously, such as a Python backend and an npm frontend, ensuring they are ready before tests run.

Does it support dynamic JavaScript applications?

Absolutely. It uses Playwright and includes specific patterns like waiting for 'networkidle' to ensure dynamic content is fully rendered before interaction.

How do I find selectors for elements on the page?

The skill follows a reconnaissance-then-action pattern where it first inspects the rendered DOM or takes a screenshot to identify the correct CSS or text selectors.

Can I see what the browser is seeing during a test?

Yes, the skill supports capturing full-page screenshots to help you inspect the rendered state and debug UI issues visually.

Does it work with static HTML files?

Yes, it can read static HTML files directly to identify selectors or use file URLs for local automation without needing a full web server.

Web Application Testing

Name: Web Application Testing
Author: yusoofsh

byyusoofsh

0•

Security & Testing

Automates local web application testing and UI verification using Playwright and integrated server management tools.

This skill provides a robust toolkit for Claude to interact with and test local web applications using native Python Playwright scripts. It features a specialized server manager that handles backend and frontend lifecycles automatically, allowing for seamless end-to-end testing of dynamic apps. By implementing a reconnaissance-then-action pattern, it enables accurate selector discovery through DOM inspection and visual screenshots, ensuring reliable automation even for complex, JavaScript-heavy interfaces.

Key Features

010 GitHub stars

02Built-in support for both static HTML and complex single-page applications

03Dynamic UI reconnaissance via screenshots and DOM snapshots

04Console log capturing and debugging for frontend troubleshooting

05Automated server lifecycle management for local development environments

06Native Playwright integration for high-fidelity browser automation

Use Cases

01End-to-end testing of local React, Vue, or Next.js applications during development

02Automating repetitive manual testing tasks for local web services

03Debugging UI behavior and verifying layout changes via visual snapshots

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add yusoofsh/dotfiles webapp-testing

For use in Claude.ai and ChatGPT

Download Skill