playwright-browser-automation

# Playwright Browser Automation General-purpose browser automation skill. I write custom Playwright code for any automation task and execute it via the universal executor. ## Quick Commands Available For common tasks, these slash commands are faster: - `/screenshot` - Take a quick screenshot of a webpage - `/check-links` - Find broken links on a page - `/test-page` - Basic page health check - `/test-responsive` - Test across multiple viewports For custom automation beyond these common tasks, I write specialized Playwright code. ## Critical Workflow **IMPORTANT - Path Resolution:** Use `${CLAUDE_PLUGIN_ROOT}` for all paths. This resolves to the plugin installation directory. ### Step 1: Auto-Detect Dev Servers (ALWAYS FIRST for localhost) ```bash cd ${CLAUDE_PLUGIN_ROOT} && node -e "require('./lib/helpers').detectDevServers().then(servers => console.log(JSON.stringify(servers, null, 2)))" ``` **Decision tree:** - **1 server found**: Use it automatically, inform user - **Multiple servers found**: Ask user which one to test - **No servers found**: Ask for URL or offer to help start dev server ### Step 2: Write Scripts to /tmp NEVER write test files to plugin directory. Always use `/tmp/playwright-test-*.js` **Script template:** ```javascript // /tmp/playwright-test-{descriptive-name}.js const { chromium } = require('playwright'); const helpers = require('./lib/helpers'); // Parameterized URL (auto-detected or user-provided) const TARGET_URL = 'http://localhost:3847'...