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

브라우저 자동화

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.

주요 기능

0 GitHub stars
Automatic local development server detection
Automated screenshot generation and responsive design validation
Isolated script execution using the /tmp directory to prevent project clutter
Pre-built patterns for login flows and form submissions
Visual debugging with non-headless browser execution by default

사용 사례

Capturing full-page screenshots for design reviews or documentation
Automating repetitive manual testing of complex user authentication flows
Verifying website responsiveness across mobile, tablet, and desktop viewports

소개

주요 기능

0 GitHub stars
Automatic local development server detection
Automated screenshot generation and responsive design validation
Isolated script execution using the /tmp directory to prevent project clutter
Pre-built patterns for login flows and form submissions
Visual debugging with non-headless browser execution by default

사용 사례

Capturing full-page screenshots for design reviews or documentation
Automating repetitive manual testing of complex user authentication flows
Verifying website responsiveness across mobile, tablet, and desktop viewports