Can I see the browser while the tests are running?

Yes, by default the skill launches Playwright in non-headless mode so you can visually monitor the automation and debug interactions in real-time.

How does the skill handle local development servers?

The skill includes a built-in helper that automatically scans for active servers on common ports, allowing Claude to test localhost sites without requiring manual URL input.

What is required for the initial setup?

You only need to run a simple setup command within the skill directory which installs Playwright and the necessary Chromium browser binaries.

Can I test mobile responsiveness with this skill?

Absolutely. The skill features specific patterns for testing multiple viewports, enabling Claude to capture screenshots and validate layouts for mobile, tablet, and desktop devices.

Does this skill clutter my project with test files?

No, all generated Playwright scripts are written to the system's /tmp directory and executed from there, keeping your project repository clean and organized.

Playwright Browser Automation

Name: Playwright Browser Automation
Author: Activer007

byActiver007

0•

ブラウザ自動化

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

This skill empowers Claude to perform comprehensive web automation and testing tasks using the Playwright framework. It streamlines the testing lifecycle by auto-detecting local development servers, generating clean automation scripts in temporary directories, and executing them in a visible browser for real-time debugging. Whether you need to validate responsive designs across multiple viewports, verify complex login flows, or audit a site for broken links, this skill provides a robust and non-intrusive way to ensure your web applications function perfectly without cluttering your project repository.

主な機能

01Automatic local development server detection for seamless localhost testing

02Integrated utility helpers for safe element interaction and automated screenshots

03Multi-viewport responsive design and UX validation patterns

040 GitHub stars

05Automated form submission and complex authentication flow testing

06Real-time visual debugging with default non-headless browser execution

ユースケース

01Testing critical user paths such as account registration, login, and checkout processes

02Verifying that a website displays correctly across mobile, tablet, and desktop resolutions

03Performing automated site audits to identify broken links and layout regressions

What are Skills?·How to Install

Install with 🐟 Skill.Fish

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

For use in Claude.ai and ChatGPT

Download Skill