ui-regression-recorder

Converts human UI flows into machine-readable regression tests using Playwright and MCP for web applications.

111|6|Updated Jun 5, 2026
One-click install
npx skills add https://github.com/xuxh21/ui-regression-recorder-skill --skill ui-regression-recorder
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-regression-recorder
Source: https://github.com/xuxh21/ui-regression-recorder-skill/tree/main
Command: npx skills add https://github.com/xuxh21/ui-regression-recorder-skill --skill ui-regression-recorder

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, @playwright/mcp, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill turns human UI page flows into reusable regression tests, reducing the need for repetitive recording and allowing for efficient assembly of new testing flows.

Core Features & Use Cases

  • Business Flow Decomposition: Convert complete business flows into reusable capabilities.
  • Automation Composition: Build new tests from existing capabilities, avoiding full recordings.
  • Reusable Capabilities: Extract common actions like logging in, navigating, and creating records.
  • Use Case: Suppose you have a complex e-commerce website. This Skill can decompose your checkout process into reusable steps, allowing you to quickly create regression tests for new product listings.

Quick Start

Use the $ui-regression-recorder skill to initialize the UI regression project and record a new operation like 'create record' from the first stable page of your business flow.

Frequently Asked Questions about ui-regression-recorder

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

FAQPage Schema
How do I convert human UI flows into reusable regression tests?

You can convert human UI flows into reusable regression tests by recording interactions through Playwright and MCP, which decompose business flows into reusable capabilities for automating web testing.

What is the best way to build regression tests without repeating full browser recordings?

The best way to avoid repetitive recording is to decompose complete business flows into reusable capabilities like logging in or navigating, then compose new regression tests from those existing actions.

Do I need Playwright and MCP to automate web testing for e-commerce flows?

Yes, you need Playwright and MCP installed, as they provide the required browser interaction and code generation capabilities to capture UI flows and transform them into regression tests.

Can I use this UI regression recorder for CRM and other web application testing scenarios?

You can use this UI regression recorder for CRM, e-commerce, and other web application testing scenarios by capturing page interactions and assembling them into automated regression tests.

How to start recording a UI regression test from a stable page?

To start recording, initialize the UI regression project and perform a new operation like 'create record' directly from the first stable page of your business flow to capture the initial capabilities.

What are the limitations of decomposing business flows for automation testing?

A key limitation is that decomposing business flows requires a stable initial page; if the UI changes frequently before stabilization, the extracted reusable capabilities may fail to map correctly during automation testing.