skills.rest
spencerpauly
spencerpaulyCOMMUNITY
Explore all skills by this author →
Website𝕏@spencerpaulyGitHub

recording-browser-flow-as-test

Capture a browser flow and convert it into a reusable Playwright test.

672|104|Updated Apr 10, 2026
Search Tags:#e2e#test generation#playwright#browser testing#ui automation#cursor#accessibility tree
One-click install
npx skills add https://github.com/spencerpauly/awesome-cursor-skills --skill recording-browser-flow-as-test
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: recording-browser-flow-as-test
Source: https://github.com/spencerpauly/awesome-cursor-skills/tree/main/resources/recording-browser-flow-as-test
Command: npx skills add https://github.com/spencerpauly/awesome-cursor-skills --skill recording-browser-flow-as-test

SYSTEM DOCUMENTATION & REQUIREMENTS

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.

Frequently Asked Questions about recording-browser-flow-as-test

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

FAQPage Schema
How do I generate Playwright tests from browser flows?▼

You can generate Playwright tests by performing a browser flow in Cursor's built-in browser. The Skill captures each navigation, click, and form entry, translating them into a reproducible test script.

What are stable selectors in Playwright and how are they generated?▼

Stable selectors are role-based locators that reduce test flakiness. The Skill generates them by translating browser interactions into Playwright locators based on roles, labels, placeholders, and test ids.

How do I record an end-to-end UI workflow in Cursor's browser?▼

To record an end-to-end UI workflow, use the Skill to walk through the target user flow in Cursor's built-in browser. It captures each step as a structured trace and outputs a Playwright test.

Can I add assertions and URL checks to recorded Playwright tests?▼

Yes, the Skill adds verification and hardening to the recorded test. It automatically includes URL checks, visible assertions, and practical guidance for reducing flakiness in your UI automation.

Does this Skill work with the accessibility tree for UI automation?▼

Yes, the Skill leverages the accessibility tree to capture browser snapshots. This allows it to generate stable role-based selectors for your Playwright tests instead of relying on brittle CSS selectors.

What are the limitations of recording browser flows as tests?▼

The Skill requires browser snapshots and stable role-based selectors to function properly. It is limited to end-to-end UI workflows performed in Cursor's built-in browser, including navigation, form entry, clicks, and verification steps.

Related Skills

Explore More Software Engineering Skills→
tiendungtiendung

browser

Automate web tasks and UI interactions using the agent-browser CLI.

Community
Intermediate
AnveioAnveio
1

task-verification-pipeline

Run and debug repository verification pipelines with ./verify.sh and E2E modes.

Community
Intermediate
ProfPowellProfPowell
4

e2e-testing

Run end-to-end browser tests with Playwright for user flows and visual regression.

Community
Advanced
thktthkt
11

e2e

Generate Playwright E2E tests and documentation through guided browser interactions.

Community
Intermediate