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

•

Browser Automation

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.

Key Features

0181 GitHub stars

02Automatic local development server detection and port mapping

03Automated broken link detection and network response validation

04Responsive design testing with mobile, tablet, and desktop emulation

05Automated form submission and multi-step login flow validation

06High-resolution full-page screenshot capture and UI auditing

Use Cases

01Capturing visual snapshots across various viewports for UI/UX review

02Executing end-to-end (E2E) integration tests during the development cycle

03Debugging complex user interactions like authentication redirects or dynamic forms

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add microck/ordinary-claude-skills playwright-skill

For use in Claude.ai and ChatGPT

Download Skill