Playwright Trace Debugging

🌐Community
by nathanl Β· vlatest Β· Repository

Helps with Playwright, debugging as part of testing, debugging, and quality assurance workflows.

Install on your platform

We auto-selected Claude Code based on this skill’s supported platforms.

1

Run in terminal (recommended)

terminal
claude mcp add playwright-trace-debugging npx -- -y @trustedskills/playwright-trace-debugging
2

Or manually add to ~/.claude/settings.json

~/.claude/settings.json
{
  "mcpServers": {
    "playwright-trace-debugging": {
      "command": "npx",
      "args": [
        "-y",
        "@trustedskills/playwright-trace-debugging"
      ]
    }
  }
}

Requires Claude Code (claude CLI). Run claude --version to verify your install.

About This Skill

What it does

This skill allows AI agents to record and analyze Playwright trace debugging data. It captures detailed information about browser interactions, network requests, console logs, and more during test execution. This recorded trace can then be replayed and inspected in the Playwright inspector for a deeper understanding of test failures or performance bottlenecks.

When to use it

  • Debugging failing tests: When automated UI tests fail, use this skill to record a trace that provides context beyond simple error messages.
  • Performance analysis: Identify slow network requests or inefficient browser rendering by analyzing the recorded trace data.
  • Reproducing intermittent issues: Capture traces of flaky tests to help pinpoint the root cause of inconsistent behavior.
  • Understanding complex user flows: Record traces of intricate user interactions to visualize and debug the sequence of events.

Key capabilities

  • Record Playwright traces during test execution.
  • Analyze recorded traces in the Playwright inspector.
  • Provides detailed information about browser interactions, network requests, and console logs.

Example prompts

  • "Record a trace while running the 'login' test."
  • "Generate a trace of the checkout process."
  • β€œCan you record a trace for this failing test?”

Tips & gotchas

  • Requires Playwright to be installed in your environment.
  • Trace files can be large, so ensure sufficient storage space is available.

Tags

πŸ›‘οΈ

TrustedSkills Verification

Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates β€” what you install today is exactly what was reviewed and verified.

Security Audits

Gen Agent Trust HubPass
SocketPass
SnykPass

Details

Version
vlatest
License
Author
nathanl
Installs
8

🌐 Community

Passed automated security scans.