Is it possible to test mobile responsiveness?

Absolutely. The skill includes specific patterns for setting custom viewports, allowing you to test and screenshot how your site functions on mobile and tablet devices.

Can I see the browser while the test is running?

By default, the skill launches a visible browser window (headless: false) so you can monitor the automation in real-time and debug interactions visually.

Will it clutter my project with test files?

No, the skill is designed to write all generated test scripts to the system's /tmp directory, ensuring your project directory remains clean and organized.

How do I install the necessary dependencies?

The skill includes a setup command (npm run setup) that handles the installation of Playwright and the Chromium browser engine for you.

Does this skill work with local development servers?

Yes, it includes a built-in helper to automatically detect running dev servers on localhost to streamline your testing workflow without manual URL configuration.

Playwright Browser Automation

Name: Playwright Browser Automation
Author: nerver111

bynerver111

0•

浏览器自动化

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

This skill empowers Claude to perform comprehensive browser automation tasks, from UI/UX validation to complex end-to-end testing. It features an intelligent workflow that automatically detects running local development servers, generates clean Playwright scripts in temporary directories to avoid project clutter, and executes them with a visible browser for real-time debugging. Whether you need to capture responsive screenshots, automate login flows, or check for broken links, this skill provides a robust framework for web-based testing and interaction directly within your development environment.

主要功能

01Clean script execution using system temporary directories to prevent project clutter

020 GitHub stars

03Comprehensive testing for responsive design and multiple mobile viewports

04Automatic local development server detection for seamless localhost testing

05Automated form filling, complex login flows, and link validation

06Real-time visual debugging with non-headless browser mode by default

使用场景

01Verifying UI responsiveness across desktop, tablet, and mobile viewports simultaneously

02Capturing full-page screenshots for design reviews, documentation, and visual audits

03Automating regression tests for user authentication and multi-step form submissions

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add nerver111/git-skill-test playwright-skill

For use in Claude.ai and ChatGPT

主要功能

01Clean script execution using system temporary directories to prevent project clutter

020 GitHub stars

03Comprehensive testing for responsive design and multiple mobile viewports

04Automatic local development server detection for seamless localhost testing

05Automated form filling, complex login flows, and link validation

06Real-time visual debugging with non-headless browser mode by default

使用场景

01Verifying UI responsiveness across desktop, tablet, and mobile viewports simultaneously

02Capturing full-page screenshots for design reviews, documentation, and visual audits

03Automating regression tests for user authentication and multi-step form submissions