Does this skill require Playwright to be pre-installed?

No, the skill includes a built-in setup command that installs Playwright and the necessary Chromium binaries automatically.

Can I use this for mobile responsiveness testing?

Yes, it includes specific patterns to iterate through multiple viewport sizes, allowing you to verify how your site looks on mobile, tablet, and desktop.

Where are the generated test scripts stored?

Scripts are written to the /tmp directory to keep your project workspace clean; they are designed for execution and subsequent cleanup by the OS.

How does it handle local development environments?

The skill includes a critical server detection workflow that automatically identifies running dev servers to ensure tests target the correct local URL.

Can I see the browser while the tests are running?

Yes, the skill is configured to run in non-headless mode by default so you can visually monitor and debug interactions in real-time.

Playwright Browser Automation

Name: Playwright Browser Automation
Author: Microck

byMicrock

•

浏览器自动化

Automates end-to-end browser testing and website interactions with Playwright to validate web functionality and design.

关于

This skill provides a comprehensive suite for browser-based automation and testing within the Claude Code environment. It streamlines the testing lifecycle by auto-detecting local development servers, generating clean Playwright scripts, and executing them with real-time visual feedback. Whether you are performing visual regression checks, validating complex authentication flows, or auditing responsive designs across multiple viewports, this skill handles the technical setup and execution, allowing for efficient web application verification without cluttering your project directory.

主要功能

81 GitHub stars
Automatic local development server detection and port mapping
Automated broken link detection and network response validation
Responsive design testing with mobile, tablet, and desktop emulation
Automated form submission and multi-step login flow validation
High-resolution full-page screenshot capture and UI auditing

使用场景

Capturing visual snapshots across various viewports for UI/UX review
Executing end-to-end (E2E) integration tests during the development cycle
Debugging complex user interactions like authentication redirects or dynamic forms

关于

主要功能

81 GitHub stars
Automatic local development server detection and port mapping
Automated broken link detection and network response validation
Responsive design testing with mobile, tablet, and desktop emulation
Automated form submission and multi-step login flow validation
High-resolution full-page screenshot capture and UI auditing

使用场景

Capturing visual snapshots across various viewports for UI/UX review
Executing end-to-end (E2E) integration tests during the development cycle
Debugging complex user interactions like authentication redirects or dynamic forms