playwright-cli

Automate browser interactions and capture page state via Playwright CLI.

10|Updated Mar 2, 2026
One-click install
npx skills add https://github.com/metabase/repro-bot --skill playwright-cli-metabase
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: playwright-cli
Source: https://github.com/metabase/repro-bot/tree/main/.claude/skills/playwright-cli
Command: npx skills add https://github.com/metabase/repro-bot --skill playwright-cli-metabase

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Provides a fast, scriptable CLI to automate web browser interactions so users can reproduce UI bugs, fill forms, capture screenshots/videos, mock network requests, and extract page state without writing full Playwright test harnesses.

Core Features & Use Cases

  • Navigation & Interaction: Open pages, click, type, fill forms, drag, and select across tabs and sessions.
  • Artifact Capture: Take snapshots, screenshots, videos, and full traces for debugging and evidence collection.
  • Advanced Controls: Mock and route network requests, run arbitrary Playwright code, manage storage state, and generate Playwright test snippets for regression tests.
  • Use Case: Reproduce a flaky UI bug by starting an isolated browser session, replaying steps, recording a trace and video, and exporting the generated test code for CI.

Quick Start

Open a browser to https://example.com, perform the login steps, save a snapshot, and export the generated Playwright test code.

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 to capture screenshots without writing a full test harness?

Automate browser interactions and capture screenshots using a scriptable CLI that handles navigation, form filling, and page state extraction without requiring a full Playwright test harness.

Can I record a video and trace of a flaky UI bug for debugging?

Yes, you can record videos and full traces of browser interactions to reproduce flaky UI bugs by starting an isolated browser session, replaying steps, and exporting the generated test code for CI.

How do I mock network requests during browser automation testing?

Mock and route network requests during browser automation testing using advanced controls that intercept traffic, manage storage state, and run arbitrary Playwright code within the session.

Does browser automation with this CLI require a specific environment setup?

Browser automation requires a Playwright-capable environment with a playwright-cli binary or npm package, permissions to run headless or headed browsers, and optional persistent profiles to save artifacts.

Can I generate Playwright test code from manual browser interactions?

Yes, you can generate Playwright test snippets from manual browser interactions by performing actions like navigation, clicking, and form filling, then exporting the recorded steps as regression test code.

What is the best way to reproduce a UI bug across isolated browser sessions?

Reproduce a UI bug by opening an isolated browser session, replaying the interaction steps, capturing a snapshot and trace, and exporting the generated Playwright test code for regression testing.