Playwright

This skill wraps Playwright CLI for browser automation from the terminal, navigation, form filling, screenshots, data extraction, the full suite. It bundles a wrapper script that uses npx so you don't need a global install, which is smart for ephemeral environments. The workflow is snapshot-driven: you open a page, snapshot to get stable element refs like e12, then interact using those refs. When the DOM changes or you navigate, you snapshot again. The guardrails push you toward explicit CLI commands over eval or run-code, and it defaults to CLI workflows instead of test specs. If you need to automate browsers without spinning up a test framework, this is the move.

skills.sh installs: 185
GitHub stars: 33.2K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add davila7/claude-code-templates --skill playwright --agent claude-code

Installs into .claude/skills of the current project.

Files

Playwright CLI Skill

Drive a real browser from the terminal using playwright-cli. Prefer the bundled wrapper script so the CLI works even when it is not globally installed. Treat this skill as CLI-first automation. Do not pivot to @playwright/test unless the user explicitly asks for test files.

Prerequisite check (required)

Before proposing commands, check whether npx is available (the wrapper depends on it):

command -v npx >/dev/null 2>&1

If it is not available, pause and ask the user to install Node.js/npm (which provides npx). Provide these steps verbatim:

# Verify Node/npm are installed
node --version
npm --version

# If missing, install Node.js/npm, then:
npm install -g @playwright/cli@latest
playwright-cli --help

Once npx is present, proceed with the wrapper script. A global install of playwright-cli is optional.

Skill path (set once)

export CODEX_HOME="${CODEX_HOME:-$HOME/.codex}"
export PWCLI="$CODEX_HOME/skills/playwright/scripts/playwright_cli.sh"

User-scoped skills install under $CODEX_HOME/skills (default: ~/.codex/skills).

Quick start

Use the wrapper script:

SKILL.md on GitHub

Details

Repository: github.com/davila7/claude-code-templates
Categories: Frontend Development, Testing & QA, Debugging, Automation & Workflows, CLI & Terminal
First seen: Jun 3, 2026