Skills
.Work. You
Rest

playwright-debug

Official

3-tier UI bug debugging workflow.

Software Engineering#debugging#cli#playwright#ui-bug#hypothesis-first#tiered-workflow
Authornavapbc
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill helps developers diagnose UI or browser-visible bugs by enforcing a structured 3-tier hypothesis-first process that minimizes Playwright CLI usage and token costs through static code analysis and targeted evidence before engaging browser automation.

Core Features & Use Cases

  • 3-tier workflow (Tier 1: Code Analysis, Tier 2: Targeted Evidence, Tier 3: Full CLI Interaction)
  • Pre-flight checks for Playwright CLI availability and correct version
  • Session management with unique session names and cleanup traps
  • Guidance on when to use visual regression gates and how to escalate between tiers
  • Safe, rule-based escalation to Tier 2 or Tier 3 when static analysis is inconclusive
  • Project-specific, reference-driven configuration hooks to tailor the debugging process

Quick Start

Initiate a Playwright debugging session and begin Tier 1 code analysis to generate hypotheses before any browser interaction.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: playwright-debug
Download link: https://github.com/navapbc/digital-service-orchestra/archive/main.zip#playwright-debug

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.