playwright-skill

Automate end-to-end browser tests against local and CI web applications.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/JoaoPedroAmaral/backBarbearia --skill playwright-skill-joaopedroamaral
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: playwright-skill
Source: https://github.com/JoaoPedroAmaral/backBarbearia/tree/main/.claude/skills/playwright-skill
Command: npx skills add https://github.com/JoaoPedroAmaral/backBarbearia --skill playwright-skill-joaopedroamaral

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill removes the manual effort of writing, running, and orchestrating browser automation by providing ready-made execution patterns, dev server detection, and helper utilities so engineers and QA can validate web functionality quickly and reproducibly.

Core Features & Use Cases

  • Dev server detection: Automatically scans common local ports to discover running development servers and surfaces choices when multiple servers are found.
  • Safe, visible execution: Writes temporary scripts to the system temp directory, launches a visible Playwright browser by default, and executes automation via a controlled run.js wrapper.
  • Reusable helpers: Includes utilities for safe clicking, typing, screenshotting, extracting table data, dismissing cookie banners, handling headers, and creating contexts for CI and local testing.
  • Use cases: Responsive screenshot captures, login flow validation, form submission checks, broken link scanning, CI test runs, and ad-hoc QA against local or remote web apps.

Quick Start

Ask the skill to detect a running dev server, run a login flow test against the detected URL, and save screenshots to /tmp.

Frequently Asked Questions about playwright-skill

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

FAQPage Schema
How do I automate end-to-end browser tests against my local development server?

Automate end-to-end browser tests by using a skill that detects running local dev servers across common ports, parameterizes the target URL, and launches a visible Playwright browser to execute interactions like login flows and form submissions.

Can I run Playwright browser automation in CI pipelines?

Playwright browser automation works in CI pipelines by creating specific execution contexts, applying configurable HTTP headers, and running temporary scripts via a controlled wrapper with built-in error handling and retry logic.

How do I capture screenshots during responsive web testing?

Capture screenshots during responsive web testing by launching a visible Playwright browser, executing helper utilities to navigate target URLs, and saving the resulting page captures directly to the system temp directory.

Does this browser automation tool detect multiple running dev servers?

The browser automation tool detects multiple running dev servers by automatically scanning common local ports, surfacing all discovered server choices so you can select the correct target URL for your QA task.

What is needed to validate login flows and check for broken links using web-testing automation?

To validate login flows and check for broken links, web-testing automation requires a target URL, configurable HTTP headers if needed, and temporary Playwright scripts executed via a run.js wrapper that includes utilities for safe clicking and typing.

Are there limitations when running e2e-testing scripts written to the temp directory?

E2e-testing scripts written to the temp directory operate with safe, visible execution by default and rely on a controlled wrapper, meaning complex interactions may require custom scripting within the provided helper utilities and error handling constraints.