What browser engine does this skill use?

The skill defaults to using Playwright with Chromium in headless mode for efficient and reliable testing.

How do I avoid cluttering my Claude context window?

The skill uses bundled scripts as 'black boxes' that are invoked via the command line with --help, rather than reading long source files into the context.

Can this skill handle dynamic web applications?

Yes, it specifically uses a reconnaissance-then-action pattern that waits for the network to be idle before inspecting the rendered DOM for selectors.

Does it support testing applications with both a frontend and backend?

Yes, the included with_server.py script allows you to launch and manage multiple servers simultaneously across different ports.

Web Application Testing

Name: Web Application Testing
Author: EmaBilibili

byEmaBilibili

0•

安全与测试

Automates the interaction and testing of local web applications using Playwright scripts and built-in server management.

The Web Application Testing skill provides a specialized toolkit for developers to verify, debug, and automate local web environments. It features a robust server lifecycle manager that can handle multiple services simultaneously—such as a frontend and backend—while executing Playwright scripts. By implementing a 'reconnaissance-then-action' pattern, it ensures reliable interactions with dynamic content by waiting for network idle states and inspecting the rendered DOM before executing actions. This skill is essential for capturing screenshots, viewing browser logs, and validating frontend functionality directly within the development workflow.

主要功能

010 GitHub stars

02Native Playwright integration for robust browser automation and testing

03Visual debugging tools including full-page screenshot capture and DOM inspection

04Automated server lifecycle management for single and multi-tier applications

05Pre-configured helper scripts to minimize context window pollution

06Smart reconnaissance patterns to handle dynamic JavaScript-heavy web apps

使用场景

01Running end-to-end tests for local React, Vue, or Svelte applications

02Verifying static HTML content and accessibility selectors in local files

03Debugging UI behaviors by capturing screenshots and console logs during automation

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add emabilibili/my-portfolio webapp-testing

For use in Claude.ai and ChatGPT

主要功能

010 GitHub stars

02Native Playwright integration for robust browser automation and testing

03Visual debugging tools including full-page screenshot capture and DOM inspection

04Automated server lifecycle management for single and multi-tier applications

05Pre-configured helper scripts to minimize context window pollution

06Smart reconnaissance patterns to handle dynamic JavaScript-heavy web apps

使用场景

01Running end-to-end tests for local React, Vue, or Svelte applications

02Verifying static HTML content and accessibility selectors in local files

03Debugging UI behaviors by capturing screenshots and console logs during automation