playwright-skill

Automate browser-based UI tests with Playwright against local and live web applications.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates and simplifies browser-based testing and UI automation so developers and QA engineers can quickly validate pages, flows, and responsiveness without manual steps or fragile one-off scripts.

Core Features & Use Cases

  • Auto-detect running dev servers so tests can target the correct localhost port without hardcoded URLs.
  • Generate transient test scripts written to /tmp and execute them via a robust run.js wrapper to avoid cluttering projects.
  • Visible browser execution with helpers for retries, cookie handling, screenshots, form filling, link checks, and custom HTTP header injection for debugging or backend routing.
  • Use Case: Run a responsive test suite against a local marketing site, capture desktop and mobile screenshots, verify login redirect, and report broken external links.

Quick Start

Test the marketing page on your local dev server, capture desktop and mobile screenshots, and save them 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 browser testing against a local development server?

Browser automation for local dev servers is handled by automatically detecting the running localhost port, generating transient test scripts in /tmp, and executing them via a run.js wrapper without requiring hardcoded URLs.

Can I capture screenshots during responsive UI testing?

Yes, capturing screenshots during responsive UI testing is supported. You can validate desktop and mobile layouts by executing test suites against your site and saving captured screenshots directly to /tmp.

Does NodeJS browser automation support custom HTTP headers for backend routing?

NodeJS browser automation supports environment-configured custom HTTP header injection. This allows you to test backend routing, debug localized requests, and validate authenticated pages without modifying core test scripts.

What is the best way to verify login redirect flows without headless execution?

Verifying login redirect flows is best done using visible, non-headless browser sessions. This approach allows you to watch automation in real-time, while built-in helpers manage retries, cookie handling, and form filling.

How do I detect broken links on a live site using browser automation?

Detecting broken external links on live sites is achieved through browser automation helpers that crawl and validate link responses. The automation executes transient scripts to check URLs and report broken links found during the session.

Do I need to hardcode localhost ports for CI browser automation?

No, you do not need to hardcode localhost ports for CI browser automation. The system automatically detects running dev servers, ensuring tests target the correct local environment without manual URL configuration.