How does it handle authenticated sessions?

The skill includes storage state commands to save and load cookies and localStorage, allowing Claude to maintain logged-in sessions across browser instances.

Can I use this skill for web scraping?

Yes, it is highly effective for web scraping as it can navigate dynamic pages, interact with elements, and extract information using DOM snapshots and evaluation commands.

What is Playwright CLI for Claude Code?

It is a specialized skill that allows Claude to control a web browser via terminal commands, enabling it to perform tasks like testing, navigation, and data extraction.

Is it possible to debug browser actions?

Yes, the skill supports taking screenshots, recording videos, starting traces, and accessing console/network logs for comprehensive debugging.

Which browsers are supported?

You can launch sessions using Chromium (Chrome/Edge), Firefox, or Webkit by specifying the browser flag during the open command.

Playwright CLI Automation

Name: Playwright CLI Automation
Author: seonghyeonkimm

byseonghyeonkimm

•

브라우저 자동화

Automates end-to-end browser interactions including web testing, form submission, and data extraction through a command-line interface.

Playwright CLI empowers Claude to interact directly with web browsers, enabling seamless automation for tasks such as UI testing, web scraping, and multi-tab workflow management. It provides a robust set of tools for navigating pages, interacting with elements using DOM snapshots, managing authentication state (cookies and localStorage), and mocking network requests. This skill is ideal for developers needing to verify web applications, capture screenshots or PDFs, and perform complex browser-based tasks directly within their Claude Code environment.

주요 기능

01Integrated DevTools support with console logging, tracing, and video recording

02Comprehensive state management for cookies, localStorage, and session storage

03Advanced network mocking and request routing for isolated testing

04DOM snapshotting for precise element targeting and visual debugging

051 GitHub stars

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

사용 사례

01Automated end-to-end testing and UI verification of complex web applications

02Automated generation of screenshots and PDFs for documentation and bug reporting

03Dynamic web scraping and data extraction from JavaScript-heavy websites

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add seonghyeonkimm/my-claude-code-config playwright-cli

For use in Claude.ai and ChatGPT

주요 기능

01Integrated DevTools support with console logging, tracing, and video recording

02Comprehensive state management for cookies, localStorage, and session storage

03Advanced network mocking and request routing for isolated testing

04DOM snapshotting for precise element targeting and visual debugging

051 GitHub stars

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

사용 사례

01Automated end-to-end testing and UI verification of complex web applications

02Automated generation of screenshots and PDFs for documentation and bug reporting

03Dynamic web scraping and data extraction from JavaScript-heavy websites

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add seonghyeonkimm/my-claude-code-config playwright-cli

For use in Claude.ai and ChatGPT