Is it compatible with different package managers?

The skill provides standardized commands primarily using pnpm, but the patterns and logic are adaptable to npm or yarn environments.

What is the Reconnaissance-Then-Action pattern?

It is a strategy where the agent first explores the page state via screenshots or DOM inspection before attempting interactions, ensuring the application is in the correct state and selectors are valid.

How does this skill handle authenticated test sessions?

It utilizes a Setup-Test pattern where authentication is performed once and the storage state is saved, allowing subsequent tests to run in an authenticated context without re-logging.

Can this skill help with debugging flaky tests?

Yes, it provides specific commands for Playwright Inspector, headed mode, trace collection, and network mocking to identify the root cause of non-deterministic failures.

What locator strategies does the skill recommend?

It prioritizes user-centric locators like getByRole() and getByLabel(), falling back to getByTestId() or specific CSS locators only when necessary for better test resilience.

Playwright E2E Testing & Automation

Name: Playwright E2E Testing & Automation
Author: xxziiko

byxxziiko

0•

Seguridad y Pruebas

Automates and debugs end-to-end web testing workflows using Playwright with advanced reconnaissance and recovery patterns.

This skill provides a comprehensive framework for executing and debugging E2E tests using Playwright within the Claude Code environment. It implements the sophisticated 'Reconnaissance-Then-Action' pattern to ensure reliable interaction with dynamic web applications by inspecting page states before executing commands. Whether you are scaffolding new test suites, reproducing complex UI bugs, or managing authenticated sessions through the Setup-Test pattern, this skill provides the structured logic, locator strategies, and debugging tools—including network interception and trace analysis—needed for robust browser automation.

Características Principales

010 GitHub stars

02Standardized locator strategies and waiting patterns to eliminate flakiness

03Comprehensive debugging suite including screenshots, network monitoring, and trace logs

04Reconnaissance-Then-Action pattern for reliable dynamic web automation

05Authentication state management using the Setup-Test architecture

06Pre-configured CLI commands for CI/CD pipelines and local verification

Casos de Uso

01Implementing and verifying Playwright test patterns in dynamic SPAs

02Automating complex multi-step user journeys and regression testing suites

03Rapidly reproducing and fixing production UI bugs through browser automation

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add xxziiko/subagent playwright-e2e

For use in Claude.ai and ChatGPT