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

Ready to run

npx skills add https://github.com/blackgirlbytes/team-starter-repo --skill replay-playwright

💬 Prompt for ChatGPT / Claude Chat▼

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.