playwright-skill

Automate browser testing and UI validation with Playwright scripts.

Updated Apr 7, 2026
One-click install
npx skills add https://github.com/semaes111/PROYECTO-SKILLS --skill playwright-skill-semaes111
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: playwright-skill
Source: https://github.com/semaes111/PROYECTO-SKILLS/tree/main/05-SKILLS-DEVOPS-INFRA/playwright-testing-e2e
Command: npx skills add https://github.com/semaes111/PROYECTO-SKILLS --skill playwright-skill-semaes111

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a reliable, repeatable way to automate end-to-end browser testing and UI validation so developers and QA engineers can quickly verify functionality, responsive design, and user flows without manual, error-prone steps.

Core Features & Use Cases

  • Auto-detect dev servers: Locate running local servers and select the correct target URL for tests.
  • Ephemeral test scripts: Writes parameterized Playwright test scripts to /tmp to avoid cluttering projects.
  • Visible debugging: Defaults to headed browser sessions for interactive debugging and screenshot capture.
  • Network and headers: Supports custom HTTP header injection and network interception for API mocking and tracking.
  • Use cases: Responsive design checks across viewports, login flow validation, form submission tests, broken link detection, visual screenshots for reviews, and CI test execution.

Quick Start

Run a responsive visual test by detecting your local dev server, writing a /tmp Playwright script, and executing it from the skill directory.

Frequently Asked Questions about playwright-skill

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

FAQPage Schema
How do I automate browser testing for a local dev server?

Automate browser testing by auto-detecting running local dev servers and executing parameterized Playwright scripts. The skill writes ephemeral test scripts to /tmp and runs them via a run.js wrapper, capturing screenshots and validating UI without manual steps.

Can I run responsive design checks across different viewports with Playwright?

Yes, responsive design checks across viewports are supported. The skill automates browser-based UI validation by executing Playwright scripts that capture screenshots and verify layout behavior at different screen sizes for web applications.

Does this browser testing approach support custom HTTP headers and network interception?

Custom HTTP header injection and network interception are supported for API mocking and tracking. The skill executes Playwright scripts that intercept network requests, allowing developers to inject headers and validate complex login flows or form submissions.

What is the best way to validate login flows and form submissions without manual checks?

The best way to validate login flows and form submissions is automating end-to-end browser tests. The skill writes ephemeral Playwright scripts to execute these user flows, capturing visual screenshots for reviews and detecting broken links automatically.

Do I need to install Playwright globally to run ephemeral test scripts?

No global installation is required to run ephemeral test scripts. The skill writes parameterized scripts to /tmp to avoid cluttering projects and executes them directly from the skill directory using a run.js wrapper.

Why use headed browser sessions for automated e2e testing?

Headed browser sessions default to visible debugging for interactive troubleshooting during e2e testing. This approach allows developers to watch automated Playwright scripts execute in real-time while capturing screenshots for visual reviews.