Agent skill

Playwright Debugging

by ed3dai in ed3dai/ed3d-plugins

A skill your agent uses when Playwright scripts fail, tests are flaky, selectors stop working, or timeouts occur - provides systematic debugging approach for browser automation issues

No licenceAuto-check passedTesting & QA

Install Playwright Debugging

skills CLI
$ npx skills add ed3dai/ed3d-plugins --skill playwright-debugging -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install ed3dai/ed3d-plugins playwright-debugging --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/ed3dai/ed3d-plugins.git skills-src && mkdir -p .claude/skills && cp -r skills-src/plugins/ed3d-playwright/skills/playwright-debugging .claude/skills/playwright-debugging && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
playwright-debugging
GitHub stars
250
Token cost
~3.3k tokens
SKILL.md length
856 words
Files
1
Skills in repo
34
Repo updated
First seen
Licence
None found

At a glance

A skill your agent uses when Playwright scripts fail, tests are flaky, selectors stop working, or timeouts occur - provides systematic debugging approach for browser automation issues

  • Works in 4 steps: Reproduce and Isolate → Add Visibility → Inspect Element State → …
  • Playwright scripts fail
  • SKILL.md covers Overview, When to Use, Quick Reference and Diagnostic Framework, plus 6 more sections
  • Calls npx

What it does

Playwright Debugging is an agent skill from ed3dai/ed3d-plugins. Use when Playwright scripts fail, tests are flaky, selectors stop working, or timeouts occur - provides systematic debugging approach for browser automation issues

Its SKILL.md is about 3.3k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Testing & QA, covering Browser testing, Debugging and Browser automation. It works with Playwright. The repository describes itself as: Ed's repo of Claude Code plugins, centered around a research-plan-implement workflow. Only a tiny bit cursed. If you're lucky.

When your agent uses it

  • Playwright scripts fail
  • Tests are flaky
  • Selectors stop working
  • Timeouts occur - provides systematic debugging approach for browser automation issues

Example prompts

  • “/playwright-debugging”

Requirements

  • Node.js

Workflow steps

4 steps, taken from the step headings in SKILL.md.

  1. Reproduce and Isolate
  2. Add Visibility
  3. Inspect Element State
  4. Verify Selector

What it can do on your machine

Read from SKILL.md and the folder at commit 0c90f4b. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • npx

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use npx, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Playwright Debugging loads about 3.3k tokens when it runs. Until then it costs about 46 tokens; SKILL.md has 856 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~46
When it runs · the whole SKILL.md, loaded when a task matches
~3.3k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

Without a licence we can't republish the file, so here is its outline and opening line. It has 856 words (~3,334 tokens).

“Browser automation failures fall into predictable categories. This skill provides a systematic approach to diagnose and fix issues quickly.”

— opening of SKILL.md by ed3dai
name
playwright-debugging
user-invocable
false

Read the full SKILL.md on GitHub

Files

Just SKILL.md in plugins/ed3d-playwright/skills/playwright-debugging of ed3dai/ed3d-plugins.

Open the folder on GitHubat commit 0c90f4b

Compare with similar skills

Playwright Debugging next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Playwright Debugging compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Playwright Debugging this skilled3dai/ed3d-plugins250—~3.3kAutomated safety check: PassNone
Testingkortix-ai/suna20k—~3.6kAutomated safety check: NotesCustom licence
UI Visual DebuggingNangoHQ/nango13k—~1.3kAutomated safety check: PassCustom licence
E2E Tests Studiomastra-ai/mastra29k—~4.3kAutomated safety check: PassCustom licence
Debuggingidavidov13/agentic-playwright223—~6.2kAutomated safety check: NotesMIT
playwright-cli Browser Automationgithub/gh-aw5.3k23 repos~2.8kAutomated safety check: PassMIT

Similar skills

  • Testing

    kortix-ai/suna

    A skill your agent uses for every Kortix test task, behavior change, bug fix, refactor, API route change, CLI change, SDK change, browser journey, test failure, coverage question, local benchmark…

    20k GitHub stars~3.6k tokensUpdated today
    Testing & QAAuto-check: notes
  • UI Visual Debugging

    NangoHQ/nango

    A skill your agent uses when modifying or visually debugging Nango frontend UI, including packages/webapp, packages/connect-ui, browser interactions, screenshots, and visual regressions.

    13k GitHub stars~1.3k tokensUpdated today
    Testing & QAAuto-check passed
  • E2E Tests Studio

    mastra-ai/mastra

    REQUIRED when modifying any file in packages/playground-ui or packages/playground.

    29k GitHub stars~4.3k tokensUpdated today
    Testing & QAAuto-check passed
  • Debugging

    idavidov13/agentic-playwright

    Playwright test debugging conventions for the scaffold — reading failure messages, classifying failure modes (TimeoutError, ZodError, strict-mode violation, locator not found, network errors, schema…

    223 GitHub stars~6.2k tokensUpdated 6 days ago
    Testing & QAAuto-check: notes
  • Official

    Drives a real browser from the command line with playwright-cli to open pages, interact, mock requests, save state and work with Playwright tests.

    5.3k GitHub starsUsed in 23 repos~2.8k tokens
    Testing & QAAuto-check passed
  • Playwright Skill

    lackeyjb/playwright-skill

    Complete browser automation with Playwright. An agent skill from lackeyjb/playwright-skill.

    3.2k GitHub stars~1.9k tokensUpdated 6 days ago
    Testing & QAAuto-check passed

More from ed3dai/ed3d-plugins

All 34 skills in this repo
  • Systematic Debugging

    ed3dai/ed3d-plugins

    A skill your agent uses when encountering any bug, test failure, or unexpected behavior, before proposing fixes - four-phase framework (root cause investigation, pattern analysis, hypothesis…

    250 GitHub starsUsed in 3 repos~2.4k tokens
    Auto-check passed
  • A skill your agent uses when creating or editing skills, before deployment, to verify they work under pressure and resist rationalization - applies RED-GREEN-REFACTOR cycle to process documentation…

    250 GitHub starsUsed in 2 repos~3.5k tokens
    Auto-check passed
  • Brainstorming

    ed3dai/ed3d-plugins

    A skill your agent uses when creating or developing anything, before writing code or implementation plans - refines rough ideas into fully-formed designs through structured Socratic questioning…

    250 GitHub starsUsed in 1 repo~4.3k tokens
    Auto-check passed
  • Writing Good Tests

    ed3dai/ed3d-plugins

    A skill your agent uses when writing or reviewing tests - covers test philosophy, condition-based waiting, mocking strategy, and test isolation

    250 GitHub starsUsed in 1 repo~2.7k tokens
    Auto-check passed
  • Writing Skills

    ed3dai/ed3d-plugins

    A skill your agent uses when creating new skills, editing existing skills, or verifying skills work before deployment - applies TDD to process documentation by testing with subagents before writing…

    250 GitHub starsUsed in 1 repo~1.3k tokens
    Auto-check passed
  • Coding Effectively

    ed3dai/ed3d-plugins

    ALWAYS use this skill when writing or refactoring code. An agent skill from ed3dai/ed3d-plugins.

    250 GitHub stars~1.9k tokensUpdated 1 mo ago
    Auto-check passed

Works with

Questions about Playwright Debugging

What does Playwright Debugging do?

A skill your agent uses when Playwright scripts fail, tests are flaky, selectors stop working, or timeouts occur - provides systematic debugging approach for browser automation issues. Playwright Debugging is an agent skill from ed3dai/ed3d-plugins.

When should I use Playwright Debugging?

Playwright Debugging fits situations like: playwright scripts fail; tests are flaky; selectors stop working; timeouts occur - provides systematic debugging approach for browser automation issues.

How do I install Playwright Debugging in Claude Code?

Run `npx skills add ed3dai/ed3d-plugins --skill playwright-debugging -a claude-code`. Or copy the skill folder (plugins/ed3d-playwright/skills/playwright-debugging in ed3dai/ed3d-plugins) into .claude/skills/playwright-debugging in your project. Claude Code loads it when a task matches its description.

How do I install Playwright Debugging in Codex?

Run `npx skills add ed3dai/ed3d-plugins --skill playwright-debugging -a codex`. Or copy the skill folder (plugins/ed3d-playwright/skills/playwright-debugging in ed3dai/ed3d-plugins) into .agents/skills/playwright-debugging in your project. Codex loads it when a task matches its description.

Can I use Playwright Debugging in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add ed3dai/ed3d-plugins --skill playwright-debugging -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/playwright-debugging, .gemini/skills/playwright-debugging, .github/skills/playwright-debugging and .opencode/skills/playwright-debugging in your project.

What does Playwright Debugging need to run?

Going by SKILL.md and its folder, Playwright Debugging needs the command-line tools its instructions call (npx). Our summary lists: Node.js.

Does Playwright Debugging access the network?

SKILL.md contains no URLs. Its commands use npx, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Playwright Debugging safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Playwright Debugging use?

No licence was found for Playwright Debugging or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does Playwright Debugging use?

About 3.3k tokens (SKILL.md is roughly 13k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Playwright Debugging?

Skills that share tags, products or a category with Playwright Debugging: Testing (kortix-ai/suna, 20k stars), UI Visual Debugging (NangoHQ/nango, 13k stars), E2E Tests Studio (mastra-ai/mastra, 29k stars) and Debugging (idavidov13/agentic-playwright, 223 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Playwright Debugging?

ed3dai (a GitHub organization) maintains it in ed3dai/ed3d-plugins, which has 250 GitHub stars. The repository holds 34 skills in this directory. The repository was last updated on September 6, 2026.

Source: ed3dai/ed3d-plugins on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.