Can it handle complex interactions like logins or file uploads?

Absolutely. The skill is designed to handle multi-step flows including authentication, form filling, and waiting for specific UI states.

Can I watch the browser as the tests are running?

Yes, by default, the skill runs in non-headless mode, allowing you to visually monitor the automation steps and debug issues in real-time.

Where are the generated test scripts stored?

To keep your project directory clean, all generated Playwright scripts are written to and executed from the system's temporary directory (/tmp).

Does this skill require a separate Playwright installation?

The skill includes a built-in setup command that installs Playwright and the necessary Chromium browser binaries automatically during the first use.

Can I test my local application before it's deployed?

Yes, the skill features built-in server detection that automatically finds and connects to your running local development servers (localhost).

Playwright Browser Automation

Name: Playwright Browser Automation
Author: lackeyjb

bylackeyjb

•

940

ブラウザ自動化

Automates browser interactions and web testing using Playwright to validate functionality, UI responsiveness, and user flows.

概要

This Claude Code skill empowers developers to perform end-to-end browser automation and testing seamlessly within their terminal workflow. It automatically detects local development servers, generates clean Playwright scripts, and executes them in a visible browser window for real-time debugging. Whether you need to validate complex login flows, capture responsive screenshots across multiple viewports, or audit for broken links, this skill handles the heavy lifting of script creation and execution without cluttering your project directory with temporary test files.

主な機能

Responsive design testing across desktop, tablet, and mobile viewports
940 GitHub stars
Built-in support for capturing full-page screenshots and error logging
Visible browser execution (non-headless) for real-time debugging and observation
Automatic local development server detection and URL parameterization
Automated form filling, login flow validation, and UI interaction testing

ユースケース

End-to-end testing of web applications during local development and CI/CD
Automating repetitive browser tasks such as form submissions or data extraction
Validating UI consistency and responsive layouts across different screen sizes

概要

主な機能

Responsive design testing across desktop, tablet, and mobile viewports
940 GitHub stars
Built-in support for capturing full-page screenshots and error logging
Visible browser execution (non-headless) for real-time debugging and observation
Automatic local development server detection and URL parameterization
Automated form filling, login flow validation, and UI interaction testing

ユースケース

End-to-end testing of web applications during local development and CI/CD
Automating repetitive browser tasks such as form submissions or data extraction
Validating UI consistency and responsive layouts across different screen sizes