Is the browser visible while the automation scripts are running?

No, it is configured to launch Chromium in headless mode to ensure efficient execution and compatibility within terminal-based environments.

Can I test applications that require both a backend and a frontend?

Yes, the skill includes a helper script that can manage multiple servers simultaneously, allowing you to launch a backend and frontend together for integration testing.

How does it handle dynamic web pages built with React or Vue?

The skill utilizes a 'networkidle' wait state to ensure all JavaScript has executed and the DOM is fully rendered before attempting to interact with elements.

How do I find the right selectors for my automation scripts?

The skill follows a reconnaissance pattern where it first inspects the rendered DOM or takes a screenshot to identify accurate CSS or role-based selectors.

Web App Testing & Playwright Automation

Name: Web App Testing & Playwright Automation
Author: billlzzz18

bybilllzzz18

•

Security & Testing

Automates local web application testing and UI verification using Playwright and intelligent server lifecycle management.

This skill provides a comprehensive toolkit for testing and interacting with web applications within a local development environment. It streamlines the testing workflow by managing server startup and shutdown through specialized helper scripts, allowing Claude to execute Playwright-based automation for functional verification, UI debugging, and visual inspections. By implementing a standardized reconnaissance-then-action pattern, the skill ensures reliable element discovery on dynamic, JavaScript-heavy sites, making it an essential tool for developers automating end-to-end tests or performing deep UI audits.

Key Features

01Automated server lifecycle management for single or multi-service architectures

02Full-page screenshot capturing and DOM inspection for UI debugging

03Headless Chromium automation using native Python Playwright scripts

04Reconnaissance patterns for discovering selectors on dynamic web apps

051 GitHub stars

06Browser console log retrieval to identify frontend runtime errors

Use Cases

01Verifying frontend integration after backend API changes

02Running end-to-end tests on a local development server (e.g., Vite, Next.js)

03Debugging UI behavior and element visibility on dynamic web pages

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add billlzzz18/bl1nk-skill-platform webapp-testing

For use in Claude.ai and ChatGPT

Download Skill