playwright-core

Provide Playwright patterns for end-to-end, API, component, visual, accessibility, and security testing.

1|3|Updated Feb 26, 2026
One-click install
npx skills add https://github.com/CodeGeneration-2020/cgs-team-claude-setup --skill playwright-core
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: playwright-core
Source: https://github.com/CodeGeneration-2020/cgs-team-claude-setup/tree/main/.claude/skills/_guides.playwright-core
Command: npx skills add https://github.com/CodeGeneration-2020/cgs-team-claude-setup --skill playwright-core

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides battle-tested Playwright patterns for comprehensive end-to-end, API, component, visual, accessibility, and security testing, eliminating guesswork and accelerating your testing efforts.

Core Features & Use Cases

  • Locator Strategies: Master resilient selectors for any UI element.
  • Assertions & Waiting: Write reliable tests that never fail due to timing issues.
  • Framework Recipes: Tailored guidance for React, Next.js, Vue, Angular, and more.
  • Use Case: Ensure your entire web application is accessible, performs well, and functions correctly across all user flows by implementing these patterns in your Playwright test suite.

Quick Start

Use the playwright-core skill to write a test that verifies the login button is visible on the page.

Frequently Asked Questions about playwright-core

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I write reliable Playwright tests that avoid timing issues?

Playwright testing ensures reliability by using resilient locators and built-in auto-waiting assertions. This approach prevents flaky tests by automatically waiting for UI elements to reach actionable states before executing commands and verifications.

What is the best way to handle network mocking and authentication in E2E testing?

E2E testing handles network mocking and authentication by intercepting network requests and reusing authentication states. This pattern speeds up test execution by bypassing repeated login flows while simulating various API responses and network conditions.

Can I use Playwright for component testing with React, Next.js, Vue, or Angular?

Playwright supports component testing for React, Next.js, Vue, and Angular frameworks. It provides tailored recipes and framework-specific configurations to mount and test individual components in isolation directly within your development environment.

How does Playwright handle accessibility and visual regression testing?

Playwright handles accessibility and visual regression testing by capturing screenshots and running accessibility scans within your test suite. These patterns verify UI appearance and compliance across browser contexts, ensuring consistent user experiences.

Why are my Playwright locators failing to select dynamic UI elements?

Playwright locators fail when using brittle selectors like XPath or CSS classes that change. Implementing resilient locator strategies, such as user-facing attributes or roles, ensures your tests target the correct elements despite dynamic DOM updates.

Does Playwright provide specific recipes for debugging test failures?

Playwright provides debugging recipes to troubleshoot test failures effectively. You can utilize tools like the Playwright Inspector, step-through debugging, and trace viewing to analyze test execution, inspect locators, and resolve errors efficiently.