playwright-skill

SKILL.md

Custom Playwright scripts for any browser automation task, with auto-detected dev servers and visible browser execution.

Auto-detects running localhost servers; writes all test scripts to /tmp to avoid project clutter

Supports responsive design testing, login flows, form filling, link validation, screenshots, and arbitrary browser interactions

Includes helper utilities for safe element interactions, cookie handling, table data extraction, and custom HTTP headers

Executes via run.js wrapper with proper module resolution; defaults to visible browser (headless: false) unless headless mode explicitly requested

IMPORTANT - Path Resolution:
This skill can be installed in different locations (plugin system, manual installation, global, or project-specific). Before executing any commands, determine the skill directory based on where you loaded this SKILL.md file, and use that path in all commands below. Replace $SKILL_DIR with the actual discovered path.

Common installation paths:

Plugin system: ~/.claude/plugins/marketplaces/playwright-skill/skills/playwright-skill

Manual global: ~/.claude/skills/playwright-skill

Project-specific: <project>/.claude/skills/playwright-skill

Playwright Browser Automation

General-purpose browser automation skill. I'll write custom Playwright code for any automation task you request and execute it via the universal executor.

CRITICAL WORKFLOW - Follow these steps in order:

Auto-detect dev servers - For localhost testing, ALWAYS run server detection FIRST: