What should I do if element references become stale?

You should trigger a new snapshot command whenever the DOM changes significantly, such as after navigation, opening modals, or clicking buttons that update the UI.

Can I use this skill to generate Playwright test files?

This skill is optimized for CLI-first automation and real-time interaction. It does not pivot to @playwright/test spec generation unless specifically requested by the user.

How does Claude interact with specific web elements using this skill?

The skill uses a 'snapshot' command to generate stable element references (like e1, e2). Claude then uses these IDs to perform actions like click, type, or fill.

Does this skill require a global Playwright installation?

No, the skill uses a bundled wrapper script that leverages npx to run playwright-cli dynamically, though Node.js and npm must be installed.

Playwright Browser Automation

Name: Playwright Browser Automation
Author: jjeremycai

byjjeremycai

0•

Automatización de Navegadores

Automates real browser interactions from the terminal for web navigation, data extraction, and UI debugging.

The Playwright skill empowers Claude Code to drive a Chromium browser directly from the terminal using a specialized wrapper for playwright-cli. It streamlines complex web tasks such as filling forms, capturing high-quality screenshots, and extracting structured data through a unique snapshot-based element referencing system. This skill is specifically optimized for CLI-first automation, allowing Claude to navigate multi-tab environments and perform UI-flow debugging without the need for traditional test script boilerplate.

Características Principales

010 GitHub stars

02Terminal-driven browser control using a portable playwright-cli wrapper

03Headless and headed modes for flexible background automation or visual debugging

04Multi-tab management including creation, selection, and listing of active pages

05Snapshot-based element targeting for reliable interaction with dynamic web content

06Artifact generation for screenshots, PDFs, and Playwright execution traces

Casos de Uso

01Automated data extraction and web scraping from JavaScript-heavy websites

02Visual verification and artifact collection for documentation or reporting

03End-to-end UI flow debugging and form filling directly from the terminal

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jjeremycai/claudekit playwright

For use in Claude.ai and ChatGPT

Download Skill