Does it support responsive design testing?

Absolutely. It includes built-in patterns for testing multiple viewports, including mobile, tablet, and desktop resolutions, often taking screenshots of each.

Can I use it for authenticated pages?

Yes, it can automate login flows by filling out credentials, handling redirects, and can even be configured with custom HTTP headers for API-level authentication.

How do I set it up for the first time?

Run 'npm run setup' within the skill directory to install Playwright and the necessary Chromium browser binaries.

Can I see the browser while the tests are running?

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

How does this skill interact with my local project?

The skill intelligently detects running dev servers and writes temporary test scripts to /tmp, ensuring your project directory remains clean and uncluttered during automation.

Playwright Browser Automation

Name: Playwright Browser Automation
Author: majedsiefalnasr

bymajedsiefalnasr

0•

ブラウザ自動化

Automates complex browser interactions, web testing, and UI validation using Playwright with real-time visual feedback.

This skill empowers Claude to perform sophisticated end-to-end browser automation by generating and executing custom Playwright scripts. It features intelligent local development server detection, multi-viewport responsive design testing, and the ability to handle complex user interactions like multi-step form submissions and secure login flows. By executing scripts in a visible browser window and managing temporary files in system /tmp directories, it provides a transparent and non-intrusive environment for debugging and validating web applications directly from your AI-enhanced terminal.

主な機能

01Support for custom HTTP headers and environment-specific configurations

02Automatic detection of local development servers for seamless localhost testing

03Comprehensive responsive design validation across mobile, tablet, and desktop

040 GitHub stars

05Real-time visual debugging with visible (non-headless) browser execution

06Automated link checking and UX flow validation

ユースケース

01Performing regression testing on critical user paths like authentication and checkout

02Automating repetitive browser tasks such as data entry or web scraping

03Verifying web application functionality across different screen sizes and devices

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add majedsiefalnasr/zidney-app2 Playwright

For use in Claude.ai and ChatGPT

主な機能

01Support for custom HTTP headers and environment-specific configurations

02Automatic detection of local development servers for seamless localhost testing

03Comprehensive responsive design validation across mobile, tablet, and desktop

040 GitHub stars

05Real-time visual debugging with visible (non-headless) browser execution

06Automated link checking and UX flow validation

ユースケース

01Performing regression testing on critical user paths like authentication and checkout

02Automating repetitive browser tasks such as data entry or web scraping

03Verifying web application functionality across different screen sizes and devices