Skip to content
Get packs

End-to-End Testing with Playwright

Write stable, maintainable browser E2E tests with Playwright, including flaky-test handling and CI setup

Source Download skill
Repository
affaan-m/ECC
Stars
295,127
Licence
MIT
Files
1 file

What it does

When installed, the agent gets a reference guide for writing end-to-end tests that drive a real web browser the way a user would. It knows how to organize test files, use the Page Object Model pattern, configure Playwright across Chrome, Firefox, Safari and mobile, quarantine flaky tests, collect screenshots, traces and videos, and wire tests into GitHub Actions. The guide is written in Spanish.

Great for

  • Developers setting up Playwright test suites for a web app
  • Teams whose browser tests are unreliable and need stabilising patterns
  • QA engineers who want a CI workflow that uploads test reports and artifacts

Skip it if

  • Projects not using Playwright, since the patterns are specific to it (the skill does not cover Cypress or Selenium)
  • Anyone expecting the skill to run tests itself; it only supplies guidance and code examples, and the agent would still need a project and a browser to execute anything

Try asking

  • “Create a Playwright Page Object for my checkout page and tests for adding items to the cart”
  • “My search tests are flaky in CI, help me quarantine them and find the cause”
  • “Set up a playwright.config.ts that runs Chromium, Firefox, WebKit and a mobile profile”
  • “Add a GitHub Actions workflow that runs E2E tests and uploads the report”
Step-by-step guide: how to use End-to-End Testing with PlaywrightInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

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

    e2e-testing.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip e2e-testing.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip e2e-testing.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 your existing page structure and data-testid conventions so the generated locators match your app
  • Treat the code samples as starting points and check them against the current Playwright API before committing
  • Be aware the wallet/Web3 section mocks a MetaMask-style provider; only use it if your app actually connects to a wallet

What's inside

  • SKILL.md

Redistributed unmodified from affaan-m/ECC 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.