playwright-skill

Installation
Summary

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

  • Auto-detects running localhost dev servers; writes test scripts to /tmp to avoid project clutter
  • Supports responsive design testing, login flows, form filling, link validation, and screenshot capture across multiple viewports
  • Includes helper utilities for safe clicks, typed input, cookie banner handling, and table data extraction
  • Configurable custom HTTP headers via environment variables for identifying automated traffic and backend integration
SKILL.md

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: <plugin-root>/skills/playwright-skill
  • Manual global: <agent-home>/skills/playwright-skill
  • Project-specific: <project>/.agent/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:

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

    cd $SKILL_DIR && node -e "require('./lib/helpers').detectDevServers().then(servers => console.log(JSON.stringify(servers)))"
    
Related skills
Installs
3.2K
GitHub Stars
37.3K
First Seen
Jan 19, 2026