playwright-skill

Automate browser testing with Playwright across Chromium, Firefox, and WebKit.

103|30|Updated Dec 24, 2025
One-click install
npx skills add https://github.com/CommandCodeAI/agent-skills --skill playwright-skill-commandcodeai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: playwright-skill
Source: https://github.com/CommandCodeAI/agent-skills/tree/main/skills/playwright-skill
Command: npx skills add https://github.com/CommandCodeAI/agent-skills --skill playwright-skill-commandcodeai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates browser-based testing and UI validation by driving Playwright to interact with web pages, detect dev servers, generate temporary test scripts, and execute them with a visible browser for easier debugging.

Core Features & Use Cases

  • Auto-detect running dev servers and route tests to the appropriate URL.
  • Write deterministic Playwright test scripts to /tmp (avoiding project clutter).
  • Execute tests via the universal run.js wrapper, with optional inline code or script files.
  • Supports Chromium, Firefox, and WebKit for cross-browser validation.
  • Take screenshots, validate layout/responsiveness, test login flows, and verify links.
  • Useful for QA engineers, developers, and automation engineers validating web apps.

Quick Start

Install and set up the skill, then run quick tests:

  • Install: cd $SKILL_DIR && npm install && npm run setup
  • Run inline test: cd $SKILL_DIR && node run.js '/* Playwright code goes here */'
  • Run a prepared script from /tmp: cd $SKILL_DIR && node run.js /tmp/my-playwright-test.js

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 with Playwright for a local dev server?▼

Playwright browser automation detects your running local dev server, routes tests to the correct URL, generates temporary scripts in /tmp, and executes them via the run.js universal executor for visible debugging.

Can I run cross-browser UI testing across Chromium, Firefox, and WebKit?▼

Yes, cross-browser UI testing supports Chromium, Firefox, and WebKit to validate web apps end-to-end. You can execute test scripts through the universal run.js wrapper to verify layouts and login flows across browsers.

What do I need to set up Playwright test automation?▼

Playwright test automation requires Node.js with npm installed. You must run npm install and npm run setup inside the skill directory to configure the environment before executing tests.

How do I execute inline Playwright test scripts without cluttering my project?▼

You can execute inline Playwright code by passing it directly to the run.js wrapper, or write deterministic test scripts to the /tmp directory. This approach avoids project clutter while running web testing workflows.

Does this browser automation tool support taking screenshots and validating responsiveness?▼

Yes, Playwright browser automation captures screenshots, validates layout responsiveness, tests login flows, and verifies links. It drives visible browser sessions to interact with web pages and perform end-to-end UI validation.

What is the best way to debug Playwright UI tests?▼

The best way to debug Playwright UI tests is executing them through the run.js universal executor, which launches a visible browser. This deterministic workflow writes scripts to /tmp for easier debugging and validation.