How does Claude identify which elements to click or fill?

The skill generates page snapshots with reference IDs (refs), which Claude uses to accurately target specific buttons, inputs, and links on the page.

Does this skill support video recording of browser actions?

Yes, you can start and stop video recording or use tracing features to capture a detailed execution log of all browser interactions for debugging.

Is it possible to mock API responses for testing?

Absolutely. The skill features network routing capabilities that let you intercept requests and return mock JSON data, custom status codes, or redirected paths.

What browsers does the Playwright CLI skill support?

It supports major browser engines including Chromium (Chrome, MS Edge), Firefox, and WebKit (Safari) for comprehensive cross-browser automation.

Can I handle authenticated sessions with this skill?

Yes, the skill includes commands to save and load storage states, allowing you to persist cookies and local storage to maintain login sessions across tasks.

Playwright Browser Automation

Name: Playwright Browser Automation
Author: yusifeng

byyusifeng

•

Browser Automation

Automates comprehensive browser interactions, web testing, and data extraction through a powerful command-line interface.

The Playwright CLI skill empowers Claude to perform complex browser-based tasks directly from the terminal. By leveraging the Playwright framework, it allows for seamless navigation, form submission, and interaction with dynamic web elements. It is an essential tool for developers needing to automate end-to-end testing, scrape data from JavaScript-heavy sites, or debug web applications with advanced features like network mocking, storage state management, and multi-tab orchestration.

Key Features

01Deep debugging tools with console logs, network monitoring, and execution tracing

02Advanced state management for cookies, local storage, and session persistence

035 GitHub stars

04Full browser control including navigation, multi-tab support, and element interaction

05Network interception and mocking for sophisticated API and UI testing

06Rich media capture capabilities including screenshots, PDFs, and video recording

Use Cases

01Automated end-to-end (E2E) testing of web applications during the development cycle

02Generating visual documentation and accessibility snapshots for frontend projects

03Extracting data from complex websites that require user authentication or interaction

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add yusifeng/formax playwright-cli

For use in Claude.ai and ChatGPT

Download Skill