Can I see the browser while the automation is running?

Yes, by default, the skill runs in non-headless mode (headless: false) so you can visually inspect the automation process and debug UI interactions as they happen.

How does this skill interact with my local dev server?

The skill includes a helper that automatically scans for active local servers, allowing it to automatically target the correct localhost URL without manual configuration.

Will this skill add test files to my project repository?

No, it is configured to write all generated Playwright scripts to the system's /tmp directory, ensuring your project workspace remains clean and free of temporary files.

Does it support testing on different screen sizes?

Yes, it includes patterns for responsive design testing, allowing you to cycle through mobile, tablet, and desktop viewports in a single execution.

How do I handle authentication or custom headers?

The skill supports PW_HEADER_NAME and PW_HEADER_VALUE environment variables to inject custom HTTP headers, which is ideal for identifying automated traffic or passing auth tokens.

Playwright Browser Automation

Name: Playwright Browser Automation
Author: claudiodearaujo

byclaudiodearaujo

0•

브라우저 자동화

Automates browser interactions and end-to-end testing using Playwright to validate web functionality and design.

This skill provides Claude with a comprehensive browser automation engine based on Playwright, enabling the creation and execution of custom automation scripts directly from the chat interface. It streamlines the testing lifecycle by automatically detecting local development servers, managing temporary test scripts to prevent project clutter, and launching visible browser windows for real-time visual debugging. Whether you need to validate complex login flows, perform responsive design audits across multiple viewports, or capture full-page screenshots, this skill provides the patterns and helpers necessary for robust web automation.

주요 기능

01Multi-viewport testing for mobile and desktop responsive design validation

02Real-time visual debugging via non-headless browser execution

030 GitHub stars

04Automatic local development server detection and URL parameterization

05Global HTTP header configuration for authenticated traffic and traffic identification

06Clean script management using system temporary directories to avoid repo clutter

사용 사례

01Auditing websites for broken links and validating SEO metadata across pages

02Automating end-to-end user flows like registration, login, and checkout

03Performing visual regression testing and taking high-resolution screenshots

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add claudiodearaujo/sistema-de-narra-o-de-livro-front playwright-skill

For use in Claude.ai and ChatGPT

Download Skill