Can I use this for debugging failures in CI/CD environments?

Yes, the skill includes specialized guidance for analyzing headless failures using trace viewers, screenshots, and network idle states.

How does this skill help with flaky Playwright tests?

It provides specific patterns to identify race conditions and replaces unreliable hardcoded timeouts with robust, condition-based waiting strategies.

Does this skill help with CSS selector issues?

Absolutely. It provides methods to verify selectors via the browser console and explains how to handle dynamic IDs or complex DOM structures.

Which debugging tools are supported by this skill?

It covers Playwright UI Mode, the Inspector, Trace Viewer, VS Code extension debugging, and verbose API logging.

Playwright Debugging Specialist

Name: Playwright Debugging Specialist
Author: ed3dai

byed3dai

•

Browser Automation

Diagnoses and resolves browser automation failures including test flakiness, selector issues, and timeout errors through a systematic diagnostic framework.

The Playwright Debugging skill provides a comprehensive toolkit for troubleshooting failed browser automation scripts. It guides users through a structured framework to isolate issues, verify element states, and resolve common problems like intermittent flakiness, stale element references, and hidden overlays. By leveraging advanced tools like Playwright UI Mode, the Trace Viewer, and actionability logs, this skill helps developers move beyond guesswork to implement robust, stable automation fixes for both local and CI environments.

Key Features

01Systematic diagnostic framework for isolating and reproducing automation failures

02Trace viewer and verbose logging integration for deep-dive analysis

03Advanced element state inspection and CSS computed style analysis

04Interactive debugging guidance for Playwright UI Mode and Inspector

05Proven patterns for eliminating test flakiness and race conditions

065 GitHub stars

Use Cases

01Stabilizing flaky tests that pass locally but fail intermittently in CI pipelines

02Fixing 'Element not found' errors in highly dynamic or iframe-heavy web applications

03Resolving interaction issues where elements are present but not clickable due to overlays

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add ed3dai/ed3d-plugins-testing playwright-debugging

For use in Claude.ai and ChatGPT

Download Skill