Can I see the browser while it is performing tests?

Yes, the skill defaults to 'headless: false', allowing you to watch the automation in real-time which is helpful for debugging UI interactions.

Can I use this for web scraping?

Yes, Playwright is highly effective for web scraping and data collection, especially on modern JavaScript-heavy websites that require a real browser environment.

Does this skill require Playwright to be pre-installed?

No, you can run the setup command 'npm run setup' within the skill directory to install Playwright and the necessary Chromium browser automatically.

How does it find my local website?

The skill includes a built-in helper that automatically scans for active local development ports and prompts you to select the correct one before testing.

Where are the test scripts stored?

Scripts are written to the system /tmp directory to ensure your project remains clean and clutter-free during the automation process.

Playwright Browser Automation

Name: Playwright Browser Automation
Author: Activer007

byActiver007

0•

브라우저 자동화

Automates browser interactions and end-to-end testing using Playwright with automatic dev server detection and visual debugging.

This skill empowers Claude to perform complex browser-based tasks including UI testing, form automation, and responsive design validation. By automatically detecting local development servers and executing scripts in a visible browser window, it provides a seamless workflow for validating web functionality, capturing screenshots, and debugging login flows. The skill utilizes a temporary execution strategy to ensure that your primary project directory remains clean while providing real-time feedback and visual results.

주요 기능

010 GitHub stars

02Automatic local development server detection

03Automated screenshot generation and responsive design validation

04Isolated script execution using the /tmp directory to prevent project clutter

05Pre-built patterns for login flows and form submissions

06Visual debugging with non-headless browser execution by default

사용 사례

01Capturing full-page screenshots for design reviews or documentation

02Automating repetitive manual testing of complex user authentication flows

03Verifying website responsiveness across mobile, tablet, and desktop viewports

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add activer007/ordinary-claude-skills playwright-skill

For use in Claude.ai and ChatGPT

Download Skill