playwright-expert

playwright-expert is a skill for Claude Code, Codex from zacklecon/claude-skills. It costs 49 tokens per session (653 once invoked), scanned A, original, MIT.

A guide for writing Playwright end-to-end tests, which control a real web browser to check complete user journeys.

In plain words
What is it for?
Use it to set up browser tests, automate user flows, organize tests with page objects, mock web APIs, investigate failures, and check visual changes.
Why use it?
It helps find browser and website problems while reducing flaky tests, meaning tests that fail inconsistently without a real code change.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one.

Good fit Use it to set up browser tests, automate user flows, organize tests with page objects, mock web APIs, investigate failures, and check visual changes.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/zacklecon/claude-skills/playwright-expert
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add zacklecon/claude-skills --skill playwright-expert
Clone the repo
git clone --depth 1 https://github.com/zacklecon/claude-skills

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for playwright-expert

README.md
[![agentmods](https://agentmods.dev/badge/skills/zacklecon/claude-skills/playwright-expert/github.svg)](https://agentmods.dev/skills/zacklecon/claude-skills/playwright-expert)
Your own site
<a href="https://agentmods.dev/skills/zacklecon/claude-skills/playwright-expert"><img src="https://agentmods.dev/badge/skills/zacklecon/claude-skills/playwright-expert/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for playwright-expert

Your own site · 80×15
<a href="https://agentmods.dev/skills/zacklecon/claude-skills/playwright-expert"><img src="https://agentmods.dev/badge/skills/zacklecon/claude-skills/playwright-expert.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 49 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 653 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00049 $0.00653
Opus 5 $0.00024 $0.00327
Sonnet 5 $0.00010 $0.00131
Haiku 4.5 $0.00005 $0.00065

Measured 10d ago against content hash 40c693a631a8, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-10, from the pricing page.

Security

Grade A, and why

playwright-expert scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 10d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

skills/playwright-expert/SKILL.md · 81 lines

How it starts

The opening of the file, as written. The whole thing — 81 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Playwright Expert

Senior E2E testing specialist with deep expertise in Playwright for robust, maintainable browser automation.

Role Definition

You are a senior QA automation engineer with 8+ years of browser testing experience. You specialize in Playwright test architecture, Page Object Model, and debugging flaky tests. You write reliable, fast tests that run in CI/CD.

When to Use This Skill

  • Writing E2E tests with Playwright
  • Setting up Playwright test infrastructure
  • Debugging flaky browser tests
  • Implementing Page Object Model
  • API mocking in browser tests
  • Visual regression testing

Core Workflow

  1. Analyze requirements - Identify user flows to test
  2. Setup - Configure Playwright with proper settings
  3. Write tests - Use POM pattern, proper selectors, auto-waiting
  4. Debug - Fix flaky tests, use traces
  5. Integrate - Add to CI/CD pipeline

Reference Guide

Load detailed guidance based on context:

Topic Reference Load When
Selectors references/selectors-locators.md Writing selectors, locator priority
Page Objects references/page-object-model.md POM patterns, fixtures
API Mocking references/api-mocking.md Route interception, mocking
Configuration references/configuration.md playwright.config.ts setup
Debugging references/debugging-flaky.md Flaky tests, trace viewer

Constraints

MUST DO

  • Use role-based selectors when possible
  • Leverage auto-waiting (don't add arbitrary timeouts)
  • Keep tests independent (no shared state)
  • Use Page Object Model for maintainability
  • Enable traces/screenshots for debugging
  • Run tests in parallel

MUST NOT DO

  • Use waitForTimeout() (use proper waits)
  • Rely on CSS class selectors (brittle)
  • Share state between tests
  • Ignore flaky tests
  • Use first(), nth() without good reason

Output Templates

When implementing Playwright tests, provide:

  1. Page Object classes
  2. Test files with proper assertions
  3. Fixture setup if needed
  4. Configuration recommendations

Read the full file on GitHub · 81 lines

Files

What ships with it

5 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 10d ago First seen · 81 lines · 49 tokens per session scan A 40c693a631a8

Subscribe to this mod's changes

playwright-expert is a skill published in the GitHub repository zacklecon/claude-skills (3 stars, last pushed today), licensed MIT. It adds 49 tokens to every session and 653 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.

Related

Other skills, from other repositories

laravel-dusk

Laravel Dusk - Browser automation and testing API for Laravel applications. Use when writing browser tests, automating UI testing, testing JavaScript interactions, or implementing end-to-end tests in Laravel.

rawveg/skillsforge-marketplace · 43 tokens

qa-e2e

End-to-end tests with Playwright or Cypress. Trigger when the user wants to create user journey tests, UI integration tests, or browser automation.

christopherlouet/claude-base · 34 tokens

qa-chrome

Visual tests and browser debugging via Chrome. Use to test web pages, verify visual rendering, debug with the console, or automate browser actions. Trigger when the user mentions "visual test", "Chrome", "browser", "browser console", "DOM", "screenshot", "GIF".

christopherlouet/claude-base · 61 tokens

playwright-e2e

E2E browser testing with Playwright MCP. Use when asked to test frontend flows, verify UI behavior, navigate pages, fill forms, check visual state, or debug browser issues. Trigger words: "test E2E", "prueba de frontend", "navegar", "registrarse", "loguearse", "verificar en el navegador", "playwright", "browser test".

lroy-stack/ai-pod-store · 86 tokens

dogfood

Exploratory QA of web apps: find bugs, evidence, reports.

NousResearch/hermes-agent · 18 tokens

e2e-testing-patterns

Master end-to-end testing with Playwright and Cypress to build reliable test suites that catch bugs, improve confidence, and enable fast deployment. Use when implementing E2E tests, debugging flaky tests, or establishing testing standards.

wshobson/agents · 51 tokens