playwright-skill

Automate browser tasks with Playwright scripts executed from /tmp.

Updated Mar 28, 2026
One-click install
npx skills add https://github.com/baselakkad585-maker/basel-dev-skills --skill playwright-skill-baselakkad585-maker
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: playwright-skill
Source: https://github.com/baselakkad585-maker/basel-dev-skills/tree/main/skills/playwright-skill
Command: npx skills add https://github.com/baselakkad585-maker/basel-dev-skills --skill playwright-skill-baselakkad585-maker

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates repetitive browser automation tasks to replace manual web interactions and speed up testing and automation workflows.

Core Features & Use Cases

  • Auto-detect dev servers on localhost for quick localhost testing.
  • Write automation scripts to /tmp and run them via the universal executor to keep skill files clean.
  • Always run with a visible browser by default for easier debugging and validation.
  • Parameterize URLs and environment headers to support dynamic targets and traceability.
  • Leverage lib/helpers.js to handle headers, server detection, retries, and context creation.
  • Integrates with a wrapper (run.js) to safely execute generated Playwright scripts from /tmp.

Quick Start

Describe your task and a running dev server will be auto-detected, after which I will generate a /tmp/playwright-test-*.js script and run it with the universal executor.

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 my localhost dev server?

You can automate browser tasks by describing your testing scenario, which triggers auto-detection of your localhost dev server, generates a Playwright script in /tmp, and executes it via a universal wrapper to perform cross-viewport tests and checks.

Does this browser automation tool run in headless mode or with a visible browser?

By default, this Playwright automation executes with a visible browser rather than headless mode, ensuring easier debugging and visual validation during local development and QA testing scenarios.

How do I inject context headers into my Playwright automation scripts?

You can inject context headers by parameterizing URLs and environment headers via environment variables, leveraging helper modules to handle header injection and context creation dynamically for traceability.

Do I need to install Playwright separately to use this browser automation skill?

Yes, Playwright installation is required to use this automation skill, as it generates scripts in /tmp and executes them through a wrapper without bundling the framework itself.

What is the best way to keep generated web testing scripts separate from my project files?

The best way to keep generated web testing scripts separate is to write them to the /tmp directory and run them via a universal executor, ensuring your project files and directories remain clean.

Can I parameterize URLs for dynamic targets in cross-viewport web testing?

Yes, you can parameterize URLs and environment headers to support dynamic targets and traceability in cross-viewport web testing, utilizing helper modules to manage server detection and context creation.