recording-browser-flow-as-test

Record browser user interactions and generate Playwright test scripts.

Updated Apr 23, 2026
One-click install
npx skills add https://github.com/baasith6/cursor-skills --skill recording-browser-flow-as-test-baasith6
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: recording-browser-flow-as-test
Source: https://github.com/baasith6/cursor-skills/tree/main/resources/recording-browser-flow-as-test
Command: npx skills add https://github.com/baasith6/cursor-skills --skill recording-browser-flow-as-test-baasith6

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, and includes scripts (resource) components.

What problem does it solve?

This Skill addresses the challenge of manually recording and reproducing user flows for testing purposes, allowing you to automate the creation of Playwright tests directly from user interactions in Cursor's browser.

Core Features & Use Cases

  • Flow Recording: Record user actions in Cursor's browser and automatically generate a Playwright test.
  • Action Documentation: Document each user action for clear and maintainable tests.
  • Selector Stability: Derive stable selectors from the accessibility tree for reliable test execution.
  • Use Case: When developing a web application, use this Skill to record a user's login process, then automatically generate a test that can be replayed to ensure functionality.

Quick Start

Run the 'recording-browser-flow-as-test' Skill in Cursor's built-in browser to record your user flow. Once complete, the Skill will automatically generate a Playwright test file in the 'tests/recorded/' directory.

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 record browser interactions as Playwright tests?

Playwright test recording captures user interactions in Cursor's browser and converts them into test scripts. This Skill documents each action and generates stable selectors from the accessibility tree for reliable replay.

How does generating Playwright selectors from the accessibility tree work?

Generating Playwright selectors from the accessibility tree works by deriving stable element locators during browser flow recording. This ensures the generated test scripts remain reliable during subsequent test automation executions.

Can I use Cursor's browser to record user flows for web testing?

Yes, you can use Cursor's built-in browser to record user flows for web testing. The Skill captures your interactions directly within the browser environment and outputs a Playwright test file.

Do I need Playwright installed to record user flows in Cursor?

Yes, you need Playwright installed as a dependency to record user flows in Cursor. The Skill requires Playwright and Cursor's browser capabilities to automate test script generation from your interactions.

What is the best way to automate web testing for a login flow?

The best way to automate web testing for a login flow is recording the process in Cursor's browser. This Skill automatically generates a replayable Playwright test to verify the login functionality consistently.