What makes this skill token-efficient?

It uses accessibility tree snapshots with short reference IDs (e.g., e12) instead of sending the full HTML DOM to Claude, significantly reducing context window usage.

Can I record sessions or view logs?

Yes, the skill includes commands for starting/stopping video recording, tracing, and viewing console or network messages.

Can I use this for E2E testing?

Yes, it is specifically designed for generating, debugging, and planning E2E tests using the Page Object Model pattern.

How does it handle complex interactions like drag-and-drop?

The CLI includes dedicated commands for drag-and-drop, hover, file uploads, and custom JavaScript execution via the eval command.

Does it support headless mode?

Yes, it runs headlessly by default but supports a --headed flag for visual debugging when needed.

Playwright CLI Browser Automation

Name: Playwright CLI Browser Automation
Author: yusuftayman

byyusuftayman

•

브라우저 자동화

Automates browser interactions, web testing, and data extraction using a token-efficient interface optimized for AI agents.

Playwright CLI empowers Claude to navigate and interact with web applications through a streamlined, accessibility-tree-based interface. It minimizes token usage by providing a snapshot of page elements with unique reference IDs, allowing the AI to perform complex actions like form filling, E2E testing, and multi-tab management without processing entire HTML DOMs. This skill is ideal for developers needing automated UI testing, visual regression via screenshots, or structured data extraction directly within their Claude Code workflow.

주요 기능

01Multi-tab and named session management for complex user workflows

02Token-efficient accessibility tree snapshots for element identification

03Visual output generation including screenshots, PDFs, and video recording

04Full browser control including clicking, typing, and drag-and-drop

05Advanced debugging with console logs, network monitoring, and JS execution

0611 GitHub stars

사용 사례

01Automating end-to-end (E2E) testing and bug reproduction

02Generating Page Object Model patterns for automated test suites

03Extracting data from dynamic web pages and single-page applications

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add yusuftayman/playwright-cli-agents playwright-cli

For use in Claude.ai and ChatGPT

Download Skill