Does this skill support visual debugging for headless browsers?

Absolutely. The skill is designed to take full-page screenshots and capture console logs, which are then used to identify selectors and diagnose UI issues.

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

Yes, the included with_server.py helper script supports managing multiple servers simultaneously, allowing you to spin up a complete stack for automated testing.

How does this skill handle dynamic web content?

It utilizes Playwright's wait_for_load_state('networkidle') method to ensure all JavaScript has fully executed and the page is stable before attempting to interact with elements.

Why are scripts like with_server.py treated as 'black boxes'?

These scripts are kept external to avoid cluttering Claude's context window with large amounts of boilerplate code, ensuring the AI focuses on your specific testing logic instead.

Web Application Testing & Automation

Name: Web Application Testing & Automation
Author: Galaxy-Dawn

byGalaxy-Dawn

•

997

•

セキュリティとテスト

Automates local web application testing and interaction using Playwright and integrated server management utilities.

This skill provides a robust framework for testing and interacting with local web applications within the Claude Code environment. It leverages Playwright to handle both static and dynamic content, offering specialized helper scripts like with_server.py to manage complex backend and frontend lifecycles automatically. By following a structured reconnaissance-then-action pattern, it allows Claude to reliably identify UI selectors, capture browser screenshots, and verify application behavior without polluting the context window with complex script logic.

主な機能

01Headless Playwright integration for consistent, reliable browser automation

02Dynamic DOM inspection and selector discovery via reconnaissance patterns

03997 GitHub stars

04Smart wait-state management to handle asynchronous JavaScript and network idle states

05High-fidelity screenshot capture and console log monitoring for debugging

06Automated server lifecycle management for single and multi-service applications

ユースケース

01Debugging complex UI behaviors by capturing screenshots and browser logs automatically

02Executing end-to-end testing workflows for full-stack applications with multiple services

03Verifying frontend functionality after making code changes in a local development environment

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add galaxy-dawn/claude-scholar webapp-testing

For use in Claude.ai and ChatGPT

Download Skill