recording-browser-flow-as-test

What problem does it solve?

This Skill turns a manually performed browser flow into a reproducible Playwright test, eliminating the guesswork of rewriting UI behavior by hand.

Core Features & Use Cases

• Step-by-step recording: Captures each navigation, click, fill, select, and keypress as a structured trace.
• Stable selector generation: Translates browser interactions into Playwright locators based on roles, labels, placeholders, and test ids.
• Verification and hardening: Adds URL checks, visible assertions, and practical guidance for reducing flakiness.
• Use case: Record a login, settings change, or checkout flow in Cursor's browser and turn it into a test that can be committed to the repo.

Quick Start

Use the recording-browser-flow-as-test skill to walk through the target user flow in Cursor's browser and generate a Playwright test from the recorded steps.