Does it support testing for mobile devices?

Yes, it includes specific patterns for setting different viewport sizes to simulate mobile, tablet, and desktop environments for responsive design testing.

Can I see the browser window while the automation runs?

By default, the skill launches the browser in non-headless mode (headless: false), allowing you to observe the interactions and debug in real-time.

Does this skill work with my local development server?

Yes, the skill includes a specialized helper that automatically detects running local servers (such as Vite, Webpack, or Next.js) to target them during testing.

Where are the generated test scripts stored?

To keep your project workspace clean, all generated Playwright scripts are written to the system's /tmp directory rather than your project folders.

Can I use this for web scraping?

While optimized for testing, the skill's browser control capabilities make it highly effective for web scraping and automated data collection tasks.

Playwright Browser Automation

Name: Playwright Browser Automation
Author: claudiodearaujo

byclaudiodearaujo

•

Browser Automation

Automates end-to-end browser testing, UI validation, and web interaction tasks using Playwright.

This skill provides a comprehensive environment for executing Playwright automation within Claude Code, streamlining the web testing lifecycle. It automatically detects local development servers, generates clean execution scripts in temporary directories, and launches visible browser instances for real-time debugging and visual feedback. Whether you need to validate responsive designs across multiple viewports, automate complex login flows, or perform visual regression testing, this skill provides the necessary patterns and helper functions to ensure high-quality web applications without cluttering your project directory.

Key Features

01Broken link detection and automated web navigation audits

021 GitHub stars

03Multi-viewport responsive design validation with automated screenshots

04Automatic local development server detection for localhost testing

05End-to-end testing for complex login flows and form submissions

06Built-in utility helpers for safe clicks, typing, and custom HTTP headers

Use Cases

01Automating repetitive regression tests for critical user journeys like checkout or registration

02Capturing full-page screenshots and extracting data for visual audits or documentation

03Validating UI consistency and responsiveness across mobile, tablet, and desktop viewports

What are Skills?·How to Install

Install with 🐟 Skill.Fish

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

For use in Claude.ai and ChatGPT

Download Skill