Skip to content
Get packs

Playwright Expert

Writes and debugs Playwright end-to-end browser tests, page objects, and CI setup.

Source Download skill
Repository
Jeffallan/claude-skills
Stars
12,176
Licence
MIT
Files
6 files

What it does

Once installed, the agent works as a Playwright testing specialist. When you ask for browser tests, it structures them using the Page Object Model, prefers stable role-based selectors such as getByRole and getByLabel, and avoids fixed waits. It can also walk through debugging flaky tests with trace files and retries, and help with API mocking, configuration, and CI integration. The skill is a set of written guidance and code examples, and the agent loads its reference notes as needed.

Great for

  • Developers adding end-to-end browser tests to a web app with Playwright
  • QA engineers who want a consistent page object structure and fewer flaky tests
  • Teams setting up playwright.config.ts, trace capture, or CI runs

Skip it if

  • Non-programmers who only need a one-off manual test, since the output is TypeScript test code that must be run and maintained
  • Projects that do not use Playwright (for example Cypress or Selenium), where the guidance will not transfer directly

Try asking

  • “Write Playwright tests for my checkout flow using page objects”
  • “My login test is flaky, help me debug it with traces and retries”
  • “Set up playwright.config.ts with trace and screenshot settings for CI”
  • “Add API mocking to my Playwright tests for the product list endpoint”
Step-by-step guide: how to use Playwright ExpertInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 6 original files, the MIT licence and an attribution note.

    playwright-expert.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip playwright-expert.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip playwright-expert.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Give the agent the URL, key user flows, and the labels or roles on your page so selectors match your real app
  • Ask it to run the suite with --repeat-each to confirm a fix is stable before accepting it
  • Review generated tests before committing, and never paste real credentials into prompts; the examples use placeholders

What's inside

  • references/api-mocking.md
  • references/configuration.md
  • references/debugging-flaky.md
  • references/page-object-model.md
  • references/selectors-locators.md
  • SKILL.md

Redistributed unmodified from Jeffallan/claude-skills under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.