skills.rest
blackgirlbytes
blackgirlbytesCOMMUNITY
Explore all skills by this author →
𝕏@blackgirlbytesGitHub

replay-playwright

Setups and executes Playwright tests with the Replay Browser for debugging and analysis.

Updated Mar 7, 2026
Search Tags:#testing#ci/cd#debugging#e2e#playwright#replay
One-click install
npx skills add https://github.com/blackgirlbytes/team-starter-repo --skill replay-playwright
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: replay-playwright
Source: https://github.com/blackgirlbytes/team-starter-repo/tree/main/.cursor/skills/replay-playwright
Command: npx skills add https://github.com/blackgirlbytes/team-starter-repo --skill replay-playwright

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps developers set up and run Playwright tests with the Replay Browser, enabling detailed recording and debugging of test executions.

Core Features & Use Cases

  • Test Setup: Guides users through installing the Replay Playwright plugin and browser.
  • Configuration: Assists in updating playwright.config.ts for Replay integration.
  • Execution: Provides commands to run Playwright tests with Replay Browser.
  • Debugging: Offers troubleshooting steps for common issues like missing recordings or library errors.
  • Use Case: A developer needs to debug a flaky Playwright test. They use this skill to set up Replay, run the test, and then analyze the generated recording in the Replay Browser to pinpoint the exact cause of the failure.

Quick Start

Install the Replay Playwright plugin and browser, then update your playwright.config.ts and run your tests with the replay-chromium project.

Frequently Asked Questions about replay-playwright

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I debug flaky Playwright tests using Replay?▼

Debug flaky Playwright tests using Replay by installing the Replay Playwright plugin and browser, configuring playwright.config.ts with replayReporter, and running tests with the replay-chromium project to generate detailed execution recordings for analysis.

What is the Replay Playwright plugin used for?▼

The Replay Playwright plugin facilitates the setup and execution of Playwright tests with the Replay Browser, enabling detailed recording and enhanced debugging of end-to-end test executions to pinpoint exact failure causes.

How do I configure playwright.config.ts for Replay integration?▼

Configure playwright.config.ts for Replay integration by adding the replayReporter to your configuration file and setting up a replay-chromium project, which allows the test runner to capture detailed execution recordings during test runs.

Why are my Replay Playwright recordings missing or showing library errors?▼

Missing Replay Playwright recordings or library errors often stem from incorrect configuration; this skill provides troubleshooting steps to resolve common recording issues and verify that the replayReporter and replay-chromium project are properly set up.

Do I need the Replay MCP server to debug recorded Playwright tests?▼

You can integrate with the Replay MCP server for debugging recorded applications, which provides an enhanced environment to analyze the Playwright test recordings generated by the Replay Browser after execution.

Can I use Replay Browser with my existing Playwright e2e setup?▼

Yes, you can use Replay Browser with an existing Playwright e2e setup by installing the Replay Playwright plugin and updating your current playwright.config.ts to include the replayReporter and replay-chromium project configuration.

Related Skills

Explore More Software Engineering Skills→
markeriksonmarkerikson
41

replay-playwright

Configure Replay Playwright plugin to record test executions for debugging.

Community
Intermediate
markeriksonmarkerikson
41

replay-cypress

Configure Replay Cypress plugin and replay-chromium browser for time-travel debugging.

Community
Intermediate
williamzujkowskiwilliamzujkowski
17

e2e-testing

Automate end-to-end web app testing with Playwright or Cypress in CI/CD pipelines.

Community
Intermediate
bradtaylorsfbradtaylorsf
8

playwright-debugging

Debug Playwright end-to-end tests with trace viewer and logging.

Community
Intermediate