skills.rest
nnsi
nnsiCOMMUNITY
Explore all skills by this author →
GitHub

playwright-cli

Automate browser operations and debugging using Playwright CLI commands.

1|Updated Aug 31, 2024
Search Tags:#automation#testing#debugging#cli#playwright#browser
One-click install
npx skills add https://github.com/nnsi/hono-practice --skill playwright-cli-nnsi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: playwright-cli
Source: https://github.com/nnsi/hono-practice/tree/main/.claude/skills/playwright-cli
Command: npx skills add https://github.com/nnsi/hono-practice --skill playwright-cli-nnsi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates browser operations and debugging using Playwright CLI to streamline web testing and troubleshooting.

Core Features & Use Cases

  • Automate browser interactions (open pages, capture snapshots, fill forms, navigate between tabs) for rapid validation.
  • Enable debugging and observability (routing mocks, network inspection, traces, video capture) across modern web apps.
  • Use case: QA engineers can reproduce flaky flows across tabs and generate reproducible records for reports.

Quick Start

Open a browser session and begin automated checks with playwright-cli open http://localhost:2460.

Frequently Asked Questions about playwright-cli

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

FAQPage Schema
How do I automate browser interactions like form filling and multi-tab navigation?▼

Playwright CLI automates browser operations by applying commands like open, click, and fill to script multi-tab navigation and form interactions. This enables deterministic, scriptable workflows for rapid validation across modern web apps.

Can I mock API routes and inspect network traffic during browser debugging?▼

Yes, Playwright CLI supports API route mocking and network inspection using the route command. This allows you to intercept network requests for controlled debugging and troubleshooting across modern web apps.

How do I record traces and videos to reproduce flaky browser test flows?▼

You can record traces and capture videos using Playwright CLI's state management and recording features. This generates reproducible records of browser sessions for QA engineers to document and report flaky flows.

Do I need to install the Playwright CLI separately to automate browser tasks?▼

Yes, a compatible environment with the Playwright CLI installed is required to automate browser tasks. The Skill depends on this setup to execute scriptable commands like snapshot, open, and route for web automation.

What is the best way to capture a snapshot of a web page element during testing?▼

The best way to capture a snapshot is by using the Playwright CLI snapshot command within your automated workflow. This allows you to inspect the DOM state of modern web apps during debugging and troubleshooting.

Are there limitations when using Playwright CLI for browser automation across tabs?▼

Playwright CLI operates within a deterministic, scriptable workflow, which may require explicit state management for complex multi-tab navigation. It is designed for modern web apps and depends on a compatible local environment.

Related Skills

Explore More Software Engineering Skills→
rafaelcallejarafaelcalleja
2

gemini-cli

Interact with Gemini AI models through a command-line interface.

Community
Intermediate
itou-daikiitou-daiki

e2e-runner

Automate end-to-end testing of critical user journeys with Agent Browser and Playwright.

Community
Advanced
xxziikoxxziiko

playwright-e2e

Automate Playwright end-to-end test execution and debugging across projects.

Community
Intermediate
VuNguyenVietTienVuNguyenVietTien

agent-browser

Automate browser navigation, snapshots, and interactions via CLI.

Community
Intermediate