skills.rest
markerikson
markeriksonCOMMUNITY
Explore all skills by this author →
Website𝕏@acemarkeGitHub

replay-cypress

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

41|4|Updated May 6, 2026
Search Tags:#cypress#plugin configuration#ci cd#test recording#replayio#time travel debugging#devtools timeline
One-click install
npx skills add https://github.com/markerikson/opencode-config-example --skill replay-cypress-markerikson
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: replay-cypress
Source: https://github.com/markerikson/opencode-config-example/tree/main/config/skill/replay-cypress
Command: npx skills add https://github.com/markerikson/opencode-config-example --skill replay-cypress-markerikson

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Replay-cypress streamlines the setup of Replay recording for Cypress so you can debug failing tests with time-travel views instead of guessing what happened.

Core Features & Use Cases

  • Replay Cypress Plugin Setup: Install and configure the Replay Cypress support and node-side plugin wrapper to capture the full test lifecycle.
  • Browser Installation for Recording: Install the Replay Chromium browser so Cypress can record sessions.
  • Automated Upload to Replay: Enable upload so each test run produces a Replay DevTools link for immediate inspection.
  • Use Case: When a Cypress test flakes in CI or after a UI change, configure Replay recording to capture the exact command/assertion timeline and inspect it in Replay DevTools.

Quick Start

Ask your AI to guide you through installing @replayio/cypress, installing the Replay Chromium browser, setting REPLAY_API_KEY, wiring the support import and cypress.config.js plugin setup, and running Cypress with the replay-chromium browser.

Frequently Asked Questions about replay-cypress

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

FAQPage Schema
How do I set up time travel debugging for Cypress tests?▼

Time travel debugging for Cypress tests requires installing the Replay Cypress plugin, configuring the support import and cypress.config.js wrapper, and running tests with the replay-chromium browser to capture the full test lifecycle.

Can I record Cypress test runs in CI/CD for later inspection?▼

Yes, you can record Cypress test runs in CI/CD by setting the REPLAY_API_KEY environment variable and enabling automated upload so each test run produces a Replay DevTools link for immediate inspection.

How do I debug flaky Cypress end-to-end tests using a recorded timeline?▼

To debug flaky Cypress end-to-end tests, record the test execution with Replay to capture the exact command and assertion timeline, then inspect the uploaded Replay DevTools timeline to see what happened during the run.

What do I need to configure before recording Cypress tests with Replay?▼

Before recording Cypress tests with Replay, you need a Replay test suite team API key, the REPLAY_API_KEY environment variable, the Replay Chromium browser, a Cypress support import, and the wrapOn integration in cypress.config.js.

Does Cypress time travel debugging work for interactive local runs?▼

Yes, Replay recording applies to both interactive local runs and CI/CD runs, capturing the full test lifecycle for time-travel debugging when Cypress executes using the replay-chromium browser.

Related Skills

Explore More Software Engineering Skills→
blackgirlbytesblackgirlbytes

replay-cypress

Configure Replay to record and upload Cypress end-to-end test recordings.

Community
Intermediate
DVNghiemDVNghiem
20

debug-flow

Diagnose software bugs through a systematic debugging workflow and structured Debug Report.

Community
Advanced
act70255act70255

e2e-testing-patterns

Create end-to-end test suites with Playwright and Cypress.

Community
Advanced
crbnoscrbnos
2.3k

error

Capture browser errors with screenshots and element snapshots during end-to-end testing.

Official
Intermediate