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.