Will these test scripts clutter my project directory?

No. The skill is designed to write all generated Playwright scripts to the system's /tmp directory, ensuring your source code remains clean.

Does it support headless mode for background testing?

While it defaults to visible mode for debugging, you can specifically request 'headless mode' for background execution during your task.

Can I use this skill to test my local website?

Yes, the skill features a dedicated helper that automatically detects running local development servers, making it easy to test projects on localhost.

What happens if I have multiple dev servers running?

If multiple servers are detected, the skill will list them and ask you to select which one you want to target for your automation task.

How does it handle authentication or login walls?

The skill includes specific implementation patterns for filling login forms, handling redirects, and managing session state using Playwright locators.

Playwright Browser Automation

Name: Playwright Browser Automation
Author: JantonioFC

byJantonioFC

•

Browser Automation

Automates complex browser interactions and web testing by generating and executing custom Playwright scripts directly within Claude Code.

The Playwright Browser Automation skill enables developers to perform sophisticated end-to-end testing, web scraping, and UI audits. It streamlines the automation workflow by auto-detecting local development servers, generating custom scripts for specific tasks, and executing them in a visible browser for real-time debugging. By writing scripts to temporary directories, it maintains a clean project workspace while providing full access to the Playwright API for responsive design checks, authentication flows, and broken link detection.

Key Features

01Intelligent auto-detection of local development servers for instant localhost testing.

02Default visible browser execution to allow real-time debugging and visual verification.

03Dynamic generation of custom Playwright scripts for forms, logins, and navigation.

04Built-in patterns for responsive design testing across multiple device viewports.

05Support for custom HTTP headers and environment variables for advanced session management.

062 GitHub stars

Use Cases

01Generating responsive design screenshots for Desktop, Tablet, and Mobile views.

02Automating regression tests for complex user flows like registration and checkout.

03Scanning web applications for broken links and validating HTTP response codes.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jantoniofc/skillsbank playwright-skill

For use in Claude.ai and ChatGPT

Key Features

01Intelligent auto-detection of local development servers for instant localhost testing.

02Default visible browser execution to allow real-time debugging and visual verification.

03Dynamic generation of custom Playwright scripts for forms, logins, and navigation.

04Built-in patterns for responsive design testing across multiple device viewports.

05Support for custom HTTP headers and environment variables for advanced session management.

062 GitHub stars

Use Cases

01Generating responsive design screenshots for Desktop, Tablet, and Mobile views.

02Automating regression tests for complex user flows like registration and checkout.

03Scanning web applications for broken links and validating HTTP response codes.