Back to Skills

playwright-best-practices

Use when writing Playwright tests, fixing flaky tests, debugging failures, implementing Page Object Model, configuring CI/CD, optimizing performance, mocking APIs, handling authentication or OAuth, testing accessibility (axe-core), file uploads/downloads, date/time mocking, WebSockets, geolocation, permissions, multi-tab/popup flows, mobile/responsive layouts, touch gestures, GraphQL, error handling, offline mode, multi-user collaboration, third-party services (payments, email verification), con

188stars39forksUpdated 4/10/2026

Security Assessment

Critical Risk(0/100)

Detected risks:

Persistence([architecture/when-to-mock.md] LaunchD)
Secret Exposure([advanced/third-party.md] token=, [advanced/third-party.md] Token =, [advanced/third-party.md] token =)
Sensitive File Access([advanced/authentication.md] .env, [advanced/third-party.md] .env, [core/global-setup.md] .env)
Command Injection([core/global-setup.md] child_process, [core/configuration.md] child_process, [infrastructure-ci-cd/test-coverage.md] child_process)
Security Score0/100

About playwright-best-practices

playwright-best-practices is a reusable AI skill focused on a specific workflow. name: playwright-best-practices

The skill packages instructions, conventions, and task-specific guidance so an agent can execute the job more consistently. description: Use when writing Playwright tests, fixing flaky tests, debugging failures, implementing Page Object Model, configuring CI/CD, optimizing performance, mocking APIs, handling authentication or OAuth, testing accessibility (axe-core), file uploads/downloads, date/time mocking, WebSockets, geolocation, permissions, multi-tab/popup flows, mobile/responsive layouts, touch gestures, GraphQL, error handling, offline mode, multi-user collaboration, third-party services (payments, email verification), console error monitoring, global setup/teardown, test annotations (skip, fixme, slow), test tags (@smoke, @fast, @critical, filtering with --grep), project dependencies, security testing (XSS, CSRF, auth), performance budgets (Web Vitals, Lighthouse), iframes, component testing, canvas/WebGL, service workers/PWA, test coverage, i18n/localization, Electron apps, or browser extension testing. Covers E2E, component, API, visual, accessibility, security, Electron, and extension testing. This skill provides comprehensive guidance for all aspects of Playwright test development, from writing new tests to debugging and maintaining existing test suites. Consult these references based on what you're doing:

In practice, this skill is best suited for users who need repeatable execution with fewer setup steps and less ambiguity. **When to use**: Creating new test files, writing test cases, implementing test scenarios | Activity | Reference Files | | ----------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------- | | **Writing E2E tests** | [test-suite-structure.md](core/test-suite-structure.md), [locators.md](core/locators.md), [assertions-waiting.md](core/assertions-waiting.md) |

FAQ

What does playwright-best-practices help with?

playwright-best-practices helps agents follow a focused workflow described in the source documentation, reducing ambiguity and keeping execution aligned with the intended task.

When should this skill be used?

Use it when the task matches the workflow, domain, or operating rules described in the skill documentation, especially when consistent execution matters.

What are the main limitations?

The skill is constrained by the quality and scope of its source instructions. If the underlying documentation is incomplete, the agent may still need extra context or manual validation.

All Files

63 files
.agnix.toml0.0 KB
View
advanced/authentication.md30.0 KB
View
advanced/third-party.md11.9 KB
View
browser-apis/service-workers.md13.5 KB
View
core/global-setup.md12.1 KB
View
core/test-tags.md6.9 KB
View
infrastructure-ci-cd/gitlab.md10.4 KB
View
.github/workflows/validate-skill.yml0.3 KB
View
advanced/clock-mocking.md9.6 KB
View
architecture/pom-vs-fixtures.md11.0 KB
View
browser-apis/websockets.md10.3 KB
View
debugging/console-errors.md9.9 KB
View
frameworks/react.md17.2 KB
View
SKILL.md25.0 KB
View
advanced/multi-user.md11.2 KB
View
browser-apis/browser-apis.md10.5 KB
View
core/configuration.md12.3 KB
View
core/test-data.md11.8 KB
View
debugging/flaky-tests.md14.6 KB
View
infrastructure-ci-cd/github-actions.md13.1 KB
View
infrastructure-ci-cd/test-coverage.md12.4 KB
View
testing-patterns/drag-drop.md17.7 KB
View
testing-patterns/i18n.md12.8 KB
View
README.md9.3 KB
View
advanced/multi-context.md8.4 KB
View
architecture/when-to-mock.md11.0 KB
View
core/assertions-waiting.md9.2 KB
View
core/projects-dependencies.md8.7 KB
View
debugging/error-testing.md9.5 KB
View
infrastructure-ci-cd/performance.md11.6 KB
View
testing-patterns/canvas-webgl.md12.9 KB
View
testing-patterns/forms-validation.md21.6 KB
View
advanced/authentication-flows.md10.6 KB
View
advanced/network-advanced.md10.8 KB
View
browser-apis/iframes.md11.4 KB
View
core/fixtures-hooks.md11.5 KB
View
core/locators.md6.4 KB
View
core/test-suite-structure.md9.2 KB
View
frameworks/angular.md18.2 KB
View
frameworks/vue.md16.6 KB
View
infrastructure-ci-cd/docker.md6.1 KB
View
infrastructure-ci-cd/reporting.md10.2 KB
View
testing-patterns/component-testing.md11.4 KB
View
testing-patterns/graphql-testing.md8.5 KB
View
LICENSE.md1.0 KB
View
advanced/mobile-testing.md10.7 KB
View
architecture/test-architecture.md14.5 KB
View
core/annotations.md10.6 KB
View
core/page-object-model.md7.8 KB
View
debugging/debugging.md14.7 KB
View
frameworks/nextjs.md13.0 KB
View
infrastructure-ci-cd/parallel-sharding.md11.3 KB
View
testing-patterns/browser-extensions.md13.5 KB
View
testing-patterns/file-upload-download.md16.8 KB
View
testing-patterns/visual-regression.md17.3 KB
View
infrastructure-ci-cd/ci-cd.md9.8 KB
View
infrastructure-ci-cd/other-providers.md13.4 KB
View
testing-patterns/api-testing.md24.3 KB
View
testing-patterns/file-operations.md10.2 KB
View
testing-patterns/security-testing.md11.9 KB
View
testing-patterns/accessibility.md9.0 KB
View
testing-patterns/electron.md13.2 KB
View
testing-patterns/performance-testing.md12.3 KB
View

Install playwright-best-practices

Download and extract the skill files to your .claude/skills/ directory.

Quick Setup:

  1. Copy the skill folder to .claude/skills/
  2. Claude will automatically detect and use the skill