What is the Playwright Claude Code Skill?

It is a specialized capability that allows Claude to write and execute Playwright scripts for browser automation, website testing, and web scraping tasks directly from the terminal.

Where are the test scripts stored?

To keep your project clean, all generated automation scripts are written to the system's /tmp directory and executed from there.

Does it work with my local development server?

Yes, the skill includes a built-in helper that automatically detects running local servers (like Vite, Webpack, or Next.js) to simplify localhost testing.

Does it support mobile responsive testing?

Yes, it can easily be configured to test different viewports, including desktop, tablet, and mobile dimensions, and capture screenshots for each.

Can I see the browser while it's testing?

By default, the skill runs in non-headless mode (headless: false), allowing you to watch the automation steps and debug issues visually.

Playwright Browser Automation

Name: Playwright Browser Automation
Author: claudiodearaujo

byclaudiodearaujo

0•

浏览器自动化

Automates browser interactions and end-to-end testing with Playwright, featuring automatic dev server detection and clean script execution.

This skill empowers Claude to perform sophisticated browser automation tasks by generating and executing Playwright scripts. It streamlines the testing process by automatically detecting running local development servers, handling form submissions, capturing screenshots for visual validation, and testing responsive designs across multiple viewports. By writing temporary scripts to /tmp and using a visible browser window by default, it provides a transparent and non-intrusive way to validate web functionality, debug login flows, and monitor site health without cluttering the project's codebase.

主要功能

010 GitHub stars

02Visual debugging with non-headless browser execution by default

03Cross-platform testing including responsive design and mobile emulation

04Automatic local development server detection for seamless integration

05Temporary script execution to keep project directories clean and organized

06Robust helper library for safe clicks, typing, and table data extraction

使用场景

01Visual regression testing and responsive design audits across devices

02Automated web scraping and link checking for site maintenance

03End-to-end testing of authentication flows and complex web forms

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add claudiodearaujo/izacenter playwright-skill

For use in Claude.ai and ChatGPT

主要功能

010 GitHub stars

02Visual debugging with non-headless browser execution by default

03Cross-platform testing including responsive design and mobile emulation

04Automatic local development server detection for seamless integration

05Temporary script execution to keep project directories clean and organized

06Robust helper library for safe clicks, typing, and table data extraction

使用场景

01Visual regression testing and responsive design audits across devices

02Automated web scraping and link checking for site maintenance

03End-to-end testing of authentication flows and complex web forms

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add claudiodearaujo/izacenter playwright-skill

For use in Claude.ai and ChatGPT