How do I install the Playwright skill?

Run npx skillmds@latest add aizech/playwright in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Playwright safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Playwright?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Playwright free to use?

Yes. Installing skills from SkillMD is free. This skill is licensed under MIT.

Who published Playwright?

aizech (@aizech) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Playwright by aizech — Agent Skill

Name: Playwright
Author: aizech

File contents

Playwright CLI

Drive a real browser from the terminal using Playwright.

Prerequisite

Check for npx:

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

If missing, ask the user to install Node.js/npm.

Quick start

Use the wrapper script or npx directly:

npx --package @playwright/cli playwright-cli open https://example.com --headed
npx --package @playwright/cli playwright-cli snapshot
npx --package @playwright/cli playwright-cli click e3
npx --package @playwright/cli playwright-cli screenshot

Core workflow

Open the page.
Snapshot to get stable element refs.
Interact using refs from the latest snapshot.
Re-snapshot after navigation or big DOM changes.
Capture artifacts when useful.

Re-snapshot after

Navigation
Clicking elements that change the UI
Opening/closing modals or menus
Tab switches

Refs can go stale. When a command fails, snapshot again.

Patterns

Form fill and submit

npx --package @playwright/cli playwright-cli open https://example.com/form
npx --package @playwright/cli playwright-cli snapshot
npx --package @playwright/cli playwright-cli fill e1 "user@example.com"
npx --package @playwright/cli playwright-cli fill e2 "password123"
npx --package @playwright/cli playwright-cli click e3
npx --package @playwright/cli playwright-cli snapshot

Debug with traces

npx --package @playwright/cli playwright-cli open https://example.com --headed
npx --package @playwright/cli playwright-cli tracing-start
# ...interactions...
npx --package @playwright/cli playwright-cli tracing-stop

Guardrails

Snapshot before referencing element ids.
Prefer explicit CLI commands over arbitrary code execution.
Use --headed when a visual check helps.
Default to CLI commands, not Playwright test specs.

---name: playwrightdescription: Drive a real browser from the terminal for navigation, form filling, snapshots, screenshots, and UI debugging. Use when the user wants terminal-first browser automation with Playwright.license: MIT---# Playwright CLIDrive a real browser from the terminal using Playwright.## PrerequisiteCheck for `npx`:```bashcommand -v npx >/dev/null 2>&1```If missing, ask the user to install Node.js/npm.## Quick startUse the wrapper script or `npx` directly:```bashnpx --package @playwright/cli playwright-cli open https://example.com --headednpx --package @playwright/cli playwright-cli snapshotnpx --package @playwright/cli playwright-cli click e3npx --package @playwright/cli playwright-cli screenshot```## Core workflow1. Open the page.2. Snapshot to get stable element refs.3. Interact using refs from the latest snapshot.4. Re-snapshot after navigation or big DOM changes.5. Capture artifacts when useful.## Re-snapshot after- Navigation- Clicking elements that change the UI- Opening/closing modals or menus- Tab switchesRefs can go stale. When a command fails, snapshot again.## Patterns**Form fill and submit**```bashnpx --package @playwright/cli playwright-cli open https://example.com/formnpx --package @playwright/cli playwright-cli snapshotnpx --package @playwright/cli playwright-cli fill e1 "user@example.com"npx --package @playwright/cli playwright-cli fill e2 "password123"npx --package @playwright/cli playwright-cli click e3npx --package @playwright/cli playwright-cli snapshot```**Debug with traces**```bashnpx --package @playwright/cli playwright-cli open https://example.com --headednpx --package @playwright/cli playwright-cli tracing-start# ...interactions...npx --package @playwright/cli playwright-cli tracing-stop```## Guardrails- Snapshot before referencing element ids.- Prefer explicit CLI commands over arbitrary code execution.- Use `--headed` when a visual check helps.- Default to CLI commands, not Playwright test specs.

Frequently asked questions

Playwright