How do I handle login states and cookies?

You can use the state-save and state-load commands to persist cookies and storage, or use persistent profiles to maintain authentication across sessions.

What is the primary use of the Playwright CLI skill?

It enables Claude Code to perform automated browser tasks such as testing web applications, taking screenshots, and extracting data from websites.

How does the skill identify elements on a page?

The skill generates snapshots that provide unique references (e.g., e1, e2) for page elements, making it easy for the AI to click, type, or hover accurately.

Does it support network mocking for testing?

Yes, it includes powerful routing commands to intercept network requests, allowing you to mock API responses or simulate 404 errors.

Can I connect to my existing browser session?

Yes, it supports connecting to running instances of Chrome, Edge, or Arc via the Chrome DevTools Protocol (CDP), allowing access to your active logins and extensions.

Playwright CLI Browser Automation

Name: Playwright CLI Browser Automation
Author: lattice-technologies-inc

bylattice-technologies-inc

0•

浏览器自动化

Automates web browser interactions for end-to-end testing, data extraction, and form-filling using the Playwright framework.

Playwright CLI is a specialized skill for Claude Code that enables seamless browser automation and web interaction. It allows AI agents to perform complex tasks such as navigating dynamic websites, interacting with UI elements via snapshot references, managing multiple tabs, and handling authenticated states through cookie and storage management. Designed for developers and QA engineers, it facilitates automated testing, visual regression via screenshots, and sophisticated web scraping, all while providing deep integration with Chrome DevTools Protocol for connecting to existing browser sessions.

主要功能

01Comprehensive session management for cookies, localStorage, and persistent profiles.

02Advanced network mocking and request interception for robust testing workflows.

030 GitHub stars

04Snapshot-based element targeting for high-precision UI automation and verification.

05Full browser control including navigation, element interaction, and keyboard/mouse emulation.

06Direct integration with DevTools for console logging, network monitoring, and tracing.

使用场景

01Performing automated visual audits and capturing multi-page screenshots or PDFs.

02Automating end-to-end (E2E) testing suites and generating bug reproduction steps.

03Scraping data from modern, JavaScript-heavy web applications that require user interaction.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add lattice-technologies-inc/harness-engineering playwright-cli

For use in Claude.ai and ChatGPT

Download Skill