Playwright Browser Automation

Generate and execute Playwright scripts for end-to-end browser testing.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/franzenjb/claude-skills --skill playwright-browser-automation-franzenjb
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Playwright Browser Automation
Source: https://github.com/franzenjb/claude-skills/tree/main/playwright-skill/skills/playwright-skill
Command: npx skills add https://github.com/franzenjb/claude-skills --skill playwright-browser-automation-franzenjb

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates browser testing and UI validation by generating and running Playwright scripts, streamlining how you verify web app behavior across environments.

Core Features & Use Cases

  • Auto-detect running dev servers and create test scripts in /tmp to keep projects clean.
  • Execute deterministic Playwright tasks like form filling, login flows, responsive checks, and link validation.
  • Use cases include quick QA checks before deployments, regression testing across viewports, and smoke tests for new features.

Quick Start

Install dependencies and set up: cd $SKILL_DIR and npm run setup Detect dev servers: cd $SKILL_DIR && node -e "require('./lib/helpers').detectDevServers().then(s => console.log(JSON.stringify(s)))" Run a test script written to /tmp: cd $SKILL_DIR && node run.js /tmp/playwright-test-*.js

Frequently Asked Questions about Playwright Browser Automation

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

FAQPage Schema
How do I automate end-to-end browser testing with Playwright for local and staging environments?

Playwright browser automation generates and executes test scripts against local development, staging, and remote QA pages. It writes test code to /tmp for ephemeral execution and uses a run.js wrapper to run deterministic tasks like form filling and login flows while keeping project state clean.

Can I run responsive checks and link validation across different viewports using Playwright?

Yes, you can run responsive checks and link validation across different viewports using Playwright. The automation generates scripts that perform deterministic UI checks, enabling regression testing and smoke tests for new features before deployment to staging or production environments.

Do I need Node.js installed to run playwright e2e testing scripts?

Yes, you need Node.js and the Playwright library installed to execute e2e testing scripts. The skill requires running npm run setup in the skill directory to install dependencies before detecting dev servers and writing test scripts for browser automation tasks.

How does dev server detection work for web testing automation?

Dev server detection automatically identifies running local development servers to target them with web testing automation. You can detect servers by running a helper function that outputs JSON configurations, allowing the generated Playwright test scripts to target the correct local endpoints.

What is the best way to keep project directories clean when running QA automation scripts?

To keep project directories clean when running QA automation scripts, this approach writes all generated Playwright test code to the /tmp directory. This ephemeral execution strategy ensures temporary test files do not pollute your main project repository structure.

How do I execute a generated Playwright test script from the command line?

To execute a generated Playwright test script, navigate to the skill directory and run node run.js followed by the path to your script in /tmp. This wrapper handles the ephemeral execution of the test code against your target web application.