Can I watch the browser automation happen in real-time?

By default, the skill launches the browser in 'headless: false' mode, allowing you to see exactly how Claude is interacting with the webpage.

Does it support accessibility and performance testing?

Yes, it includes specialized helpers to run accessibility audits (axe-core) and measure performance metrics like LCP, TFB, and CLS.

What happens if a test script fails?

The automation templates include error handling that automatically captures a screenshot of the failure state in the /tmp directory for debugging.

Does this skill work with local development environments?

Yes, the skill includes a dedicated step to auto-detect running dev servers on your local machine, making it easy to test sites before deployment.

Playwright Browser Automation

Name: Playwright Browser Automation
Author: DataflightSolutions

byDataflightSolutions

0•

Browser Automation

Automates complex browser interactions and end-to-end testing using Playwright with intelligent dev server detection.

This skill enables Claude to perform comprehensive browser automation, ranging from simple screenshots to complex end-to-end testing suites. It features a sophisticated workflow that automatically detects local development servers and utilizes a library of over 40 helper functions to handle common web tasks like login flows, form submission, and accessibility auditing. By defaulting to a visible browser window and providing specialized slash commands for common tasks, it offers a transparent and efficient way to validate web functionality, monitor performance metrics, and ensure responsive design across multiple device profiles.

Key Features

01Quick slash commands for screenshots, link checking, and responsive design testing.

02Cross-platform emulation for mobile devices, tablets, and various desktop viewports.

03Automatic detection of local development servers to streamline localhost testing.

04Library of 42 utility functions for safe interactions, performance measurement, and API mocking.

05Integrated accessibility auditing using axe-core standards for inclusive design validation.

060 GitHub stars

Use Cases

01Automating end-to-end regression tests for web applications including secure login flows.

02Performing technical SEO and health checks such as identifying broken links and measuring Core Web Vitals.

03Validating responsive UI/UX by capturing full-page screenshots across multiple device types.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add dataflightsolutions/claude-plugins playwright

For use in Claude.ai and ChatGPT

Download Skill