Does this skill help save context window space?

Yes, it provides optimized helper scripts that are intended to be run as black-box CLI tools, preventing large amounts of boilerplate code from cluttering your AI conversation context.

Can I test multiple servers at the same time?

Yes, the included with_server.py script supports launching multiple servers (like a frontend and a backend) simultaneously before executing your automation logic.

How does this skill handle dynamic content?

It uses a 'Reconnaissance-Then-Action' pattern, which includes waiting for networkidle states and inspecting the rendered DOM to ensure elements are interactive before performing actions.

Which browser engine does it use for testing?

The skill is configured to use Playwright with Chromium in headless mode for fast, reliable, and standardized web application testing.

Web Application Testing

Name: Web Application Testing
Author: micsapp

bymicsapp

0•

セキュリティとテスト

Simplifies end-to-end testing and UI debugging of local web applications using automated Playwright scripts and server management.

The Web Application Testing skill equips Claude with a powerful toolkit for interacting with local development environments. It streamlines the process of launching servers, navigating dynamic UIs, and verifying frontend functionality using Python-based Playwright scripts. By employing a reconnaissance-then-action pattern, the skill allows the AI to capture screenshots and inspect the DOM to identify selectors dynamically. It includes specialized helper scripts to manage complex server lifecycles, ensuring that backend and frontend services are ready before automation begins, all while keeping the context window clean by treating scripts as black-box utilities.

主な機能

01Support for both static HTML files and complex dynamic web applications

02Dynamic selector discovery through rendered state screenshots and DOM inspection

030 GitHub stars

04Automated server lifecycle management for single or multi-server setups

05Headless browser automation using Playwright for high-fidelity UI testing

06Console log capturing and network state waiting to ensure reliable debugging

ユースケース

01Verifying frontend features and user flows during local development

02Debugging UI layout issues by capturing and analyzing browser screenshots

03Automating regression tests that require multiple local services to be running

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add micsapp/micstec-skills webapp-testing

For use in Claude.ai and ChatGPT

主な機能

01Support for both static HTML files and complex dynamic web applications

02Dynamic selector discovery through rendered state screenshots and DOM inspection

030 GitHub stars

04Automated server lifecycle management for single or multi-server setups

05Headless browser automation using Playwright for high-fidelity UI testing

06Console log capturing and network state waiting to ensure reliable debugging

ユースケース

01Verifying frontend features and user flows during local development

02Debugging UI layout issues by capturing and analyzing browser screenshots

03Automating regression tests that require multiple local services to be running