Does this skill work with my local dev server?

Yes, it includes a specialized helper that automatically detects running local servers on various ports to make testing localhost applications seamless.

Can I see the browser while it is testing?

By default, this skill launches the browser in non-headless mode so you can visually inspect the automation and debug interactions in real-time.

Can it handle mobile responsiveness testing?

Yes, it includes built-in patterns for testing multiple viewports, allowing you to capture screenshots and validate layouts for mobile, tablet, and desktop sizes.

Where are the test scripts stored?

Scripts are written to the system's /tmp directory, ensuring your primary project directory remains clean and free of temporary automation files.

Do I need to install Playwright manually?

The skill includes a dedicated setup command (npm run setup) that installs all necessary Playwright dependencies and browser binaries for you.

Playwright Browser Automation

Name: Playwright Browser Automation
Author: ilangurudev

byilangurudev

0•

ブラウザ自動化

Automates end-to-end browser testing, responsive design validation, and complex web interactions using Playwright.

This skill empowers Claude to perform full browser-based automation and testing directly within your development environment. It features intelligent dev server detection to identify local projects automatically, generates clean Playwright scripts stored in temporary directories to avoid project clutter, and supports real-time visual debugging. Whether you need to validate complex login flows, check for broken links, or capture responsive design screenshots across multiple viewports, this skill provides a robust framework for ensuring web application quality and functionality.

主な機能

01Automated screenshot generation and broken link detection

02Intelligent auto-detection of running local development servers

030 GitHub stars

04Responsive design testing across multiple device viewports

05Automated form filling and complex user flow validation

06Real-time visual debugging with non-headless browser support

ユースケース

01Automating repetitive browser tasks like form submissions or data entry

02Generating visual reports and screenshots for responsive design audits

03Verifying website functionality and UI consistency after code changes

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add ilangurudev/personal-portfolio playwright-skill

For use in Claude.ai and ChatGPT

Download Skill