Does it clutter my project with test files?

No, all generated Playwright scripts are written to the system's /tmp directory to keep your workspace clean while still being executable.

Does this skill require Playwright to be pre-installed?

No, the skill includes a setup command (npm run setup) that automatically installs Playwright and the necessary browser binaries for you.

Will I be able to see the browser while the test runs?

Yes, by default the skill launches a visible browser window (headless: false) so you can watch the interactions and debug in real-time.

Can I use this to test my local app during development?

Yes, it features a unique auto-detection system that identifies running local development servers and configures tests to target them automatically.

Can it capture screenshots of my website?

Absolutely. You can request full-page or element-specific screenshots, and the skill can even automate screenshots across different device viewports.

Playwright Browser Automation

Name: Playwright Browser Automation
Author: zach-source

byzach-source

0•

Browser Automation

Automates end-to-end web testing, UI validation, and browser interactions using Playwright with intelligent dev server detection.

The Playwright Browser Automation skill empowers Claude to interact with web applications just like a human user. It automates complex tasks such as testing login flows, validating responsive designs across multiple viewports, and checking for broken links. With built-in intelligence to auto-detect local development servers and the ability to execute tests in a visible browser window, it provides a seamless workflow for developers to verify frontend changes and ensure site reliability directly from the terminal.

Key Features

01End-to-end testing for complex user flows like login and forms

02Multi-viewport responsive design validation (Mobile/Tablet/Desktop)

03Real-time visual debugging with non-headless browser execution

04Automatic local development server detection

05Automated screenshot generation and broken link checking

060 GitHub stars

Use Cases

01Performing visual regression testing and capturing screenshots for documentation

02Automating repetitive browser tasks and data entry across different environments

03Verifying frontend functionality and UI consistency after major code refactors

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add zach-source/claude-plugins playwright

For use in Claude.ai and ChatGPT

Download Skill