skills.rest
Zoppy-crm
Zoppy-crmOFFICIAL
Explore all skills by this author →
WebsiteGitHub

playwright

Automate browser interactions and UI workflows via the Playwright CLI wrapper.

Updated Mar 1, 2026
Search Tags:#automation#screenshots#cli#tracing#playwright#browser#form-filling
One-click install
npx skills add https://github.com/Zoppy-crm/.github --skill playwright-zoppy-crm
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: playwright
Source: https://github.com/Zoppy-crm/.github/tree/main/skills/frontend/playwright
Command: npx skills add https://github.com/Zoppy-crm/.github --skill playwright-zoppy-crm

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires npx, @playwright/cli, and includes scripts (resource) and references (resource) components.

What problem does it solve?

Automates manual, repetitive browser interactions and UI debugging by driving a real browser from the terminal so users can reliably reproduce flows, capture artifacts, and extract data without writing full test suites.

Core Features & Use Cases

  • CLI-first browser automation: Open pages, snapshot DOM state, interact (click, fill, type, press), and capture screenshots or PDFs using a lightweight wrapper around Playwright CLI.
  • Session and artifact management: Use named sessions to isolate state, trace and debug flows, and store outputs under repository-scoped output/playwright/ to keep artifacts organized.
  • Use Case: Reproduce a user-reported UI bug by opening the page headed, taking snapshots between steps, recording a trace, and collecting screenshots for triage.

Quick Start

Run the Playwright CLI wrapper to open the target page, snapshot the DOM, perform interactions like click and fill, and capture a screenshot into output/playwright/.

Frequently Asked Questions about playwright

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate browser workflows and form filling from the terminal?▼

You can automate browser workflows from the terminal using a lightweight wrapper around the Playwright CLI. It drives a real browser to handle navigation, form filling, snapshots, and multi-tab flows without writing full test suites.

Do I need npx and Node.js installed to use Playwright CLI for browser automation?▼

Yes, you need npx (Node/npm) available in your environment to run the Playwright CLI wrapper. The tool manages browser sessions and stores artifacts under output/playwright/ automatically.

Can I capture screenshots and trace UI bugs without writing a full test suite?▼

Yes, browser automation via the Playwright CLI wrapper lets you reproduce UI bugs by taking snapshots between steps, recording traces, and capturing screenshots for triage without a full test suite.

What's the best way to manage browser sessions and isolate state during UI debugging?▼

Use named sessions to isolate browser state during UI debugging. The Playwright CLI wrapper supports session isolation and stores all outputs and artifacts in a repository-scoped output/playwright/ directory.

Does browser automation work for data extraction and DOM snapshots in real browser contexts?▼

Yes, browser automation captures DOM snapshots and extracts data in real browser contexts. The Playwright CLI wrapper navigates pages, interacts with elements, and saves artifacts for later analysis.

Are there limitations when using Playwright CLI for multi-tab flows and UI debugging?▼

Browser automation via the Playwright CLI is designed for multi-tab flows and UI debugging but requires npx availability. It focuses on reproducing flows and capturing artifacts rather than replacing comprehensive test suites.

Related Skills

Explore More Software Engineering Skills→
rhpdsrhpds

06-playwright-mcp

Configure and validate the Playwright MCP server for Claude Code browser automation.

Official
Advanced
DanialHaseebDanialHaseeb

playwright

Automate browser navigation, form filling, screenshots, and data extraction via Playwright CLI.

Community
Intermediate
koki3141koki3141
2

playwright

Automate browser tasks via terminal commands using playwright-cli.

Community
Advanced
jaimedhenriquesjaimedhenriques

playwright

Automate real-browser navigation, form filling, and screenshots via Playwright CLI.

Community
Intermediate