Does this skill require Playwright to be pre-installed?

No, the skill includes a setup command that installs Playwright and the necessary Chromium browser binaries automatically upon first use.

Can I see the browser while the tests are running?

By default, the skill launches the browser in headful mode so you can visually monitor the automation and debug interactions in real-time.

Where are the generated test scripts stored?

To keep your project directory clean, all generated Playwright scripts are written to the system's /tmp directory and are not committed to your repository.

Can I test my local application without manually providing a URL?

Yes, the skill features a developer server detection helper that automatically identifies running local ports to streamline your testing workflow.

Does it support testing on different screen sizes?

Yes, the skill includes built-in patterns for responsive design testing, allowing you to validate layouts and capture screenshots across any custom viewport size.

Playwright Browser Automation

Name: Playwright Browser Automation
Author: DiamondLightSource

byDiamondLightSource

0•

Security & Testing

Automates browser interactions, end-to-end testing, and UI validation with automatic development server detection.

This skill provides a comprehensive environment for browser automation and web testing within Claude Code. It simplifies the process of creating and running Playwright scripts by automatically detecting active local development servers and managing test execution in a non-intrusive way. Whether you need to validate complex login flows, capture responsive design screenshots, or perform broken link audits, this skill generates clean, parameterized scripts and executes them with real-time feedback, making it ideal for developers looking to integrate robust E2E testing into their AI-assisted workflow.

Key Features

01Built-in helpers for broken link detection and UI consistency checking

02Non-intrusive script execution using the system /tmp directory

030 GitHub stars

04Automatic local development server detection for zero-config testing

05Multi-viewport responsive design testing with automated screenshot capture

06Pre-configured patterns for login flows and form submission validation

Use Cases

01Generating a full suite of responsive screenshots for UI/UX review across mobile, tablet, and desktop viewports.

02Verifying that new frontend changes haven't broken existing user authentication or checkout flows.

03Automating repetitive browser tasks like data extraction or bulk form filling during the development cycle.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add diamondlightsource/smartem-devtools playwright

For use in Claude.ai and ChatGPT

Download Skill