Playwright Browser Automation

This is a practical wrapper around Playwright that auto-detects running dev servers on localhost, writes test scripts to /tmp to avoid cluttering your project, and runs them with the browser visible by default. It's designed for quick iteration: describe what you want to test, Claude writes the Playwright code, you see it run. Good for checking responsive layouts, testing login flows, grabbing screenshots, or validating forms without setting up a full test suite. The auto-detection is clever, it scans for common dev server ports and asks you to pick if it finds multiple. Scripts are parameterized so you can easily point them at different URLs. More of a scratchpad than a test framework, which is exactly what you want when you just need to automate something in a browser right now.

GitHub stars: 237
last updated: Apr 30, 2026

View on GitHub

Install

$ npx -y skills add microck/ordinary-claude-skills --skill 'Playwright Browser Automation' --agent claude-code

Installs into .claude/skills of the current project.

Files

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:

SKILL.md on GitHub