Can I use custom headers for authentication?

Yes, the skill supports custom HTTP headers via environment variables, which is useful for identifying automated traffic or bypassing basic auth.

Do I need to install Playwright and browsers manually?

No, the skill includes a setup command that handles the installation of Playwright and the Chromium browser binaries for you.

Will this skill add junk files to my project directory?

No. All generated automation scripts are written to the system's temporary (/tmp) directory, keeping your source code clean.

Can I watch the automation as it happens?

Yes, the skill defaults to 'headed' mode (headless: false), allowing you to see the browser window and debug interactions in real-time.

How does it handle local development environments?

The skill includes a built-in helper that scans for active local servers, allowing it to automatically target the correct port for your tests.

Playwright Browser Automation

Name: Playwright Browser Automation
Author: ShunmeiCho

byShunmeiCho

0•

浏览器自动化

Automates browser interactions and website testing using Playwright with automatic dev server detection and clean script execution.

This skill empowers Claude to perform sophisticated browser automation tasks, from running end-to-end tests to capturing responsive design screenshots. It features an intelligent workflow that automatically detects running local development servers, ensuring a seamless testing experience for developers. By writing generated test scripts to temporary directories and providing a visible browser window by default, it offers a non-intrusive yet powerful way to validate login flows, check for broken links, and automate repetitive web tasks without cluttering the user's project repository.

主要功能

01Support for visible browser debugging (headed mode) and headless execution.

02Automatic detection of local development servers (localhost).

03Comprehensive patterns for responsive design and multi-viewport testing.

04Advanced helper library for form filling, screenshots, and link validation.

05Clean script management via /tmp directory execution.

060 GitHub stars

使用场景

01Automating end-to-end testing for complex login and checkout flows.

02Validating responsive design by generating screenshots across mobile, tablet, and desktop viewports.

03Performing health checks and broken link audits on live or local websites.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add shunmeicho/claude-config playwright-skill

For use in Claude.ai and ChatGPT

Download Skill