e2e-test-builder

Generate Playwright or Cypress end-to-end tests for critical user flows.

Updated Jan 24, 2026
One-click install
npx skills add https://github.com/Camilo8902/GabyCosmetics --skill e2e-test-builder-camilo8902
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: e2e-test-builder
Source: https://github.com/Camilo8902/GabyCosmetics/tree/main/.claude/skills/e2e-test-builder
Command: npx skills add https://github.com/Camilo8902/GabyCosmetics --skill e2e-test-builder-camilo8902

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the creation of end-to-end browser tests for critical user flows, ensuring application stability and a seamless user experience.

Core Features & Use Cases

  • Automated Test Generation: Creates Playwright or Cypress tests for key user journeys.
  • Selector Strategies: Implements robust selector patterns (role-based, label-based) for resilient tests.
  • Page Object Model: Organizes test code for reusability and maintainability.
  • Visual Regression: Captures and compares screenshots to detect unintended UI changes.
  • Use Case: Automatically generate tests for the entire user checkout process, from adding items to cart to successful payment, ensuring no regressions are introduced with new code deployments.

Quick Start

Use the e2e-test-builder skill to create a Playwright test for the user login flow.

Frequently Asked Questions about e2e-test-builder

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

FAQPage Schema
How do I automate e2e testing for critical user flows like checkout?

Automating e2e testing for critical user flows is done by generating Playwright or Cypress tests that cover key user journeys, from adding items to a cart through successful payment, ensuring no regressions occur with new deployments.

What selector strategies work best for resilient UI testing?

Resilient UI testing relies on robust selector patterns like role-based and label-based selectors, which target elements by their accessibility role rather than brittle CSS classes, ensuring tests remain stable during UI changes.

Can I use the page object model to organize Playwright test code?

Yes, you can organize Playwright test code using the page object model pattern, which separates UI element locators and behaviors into reusable classes, significantly improving test maintainability and reducing code duplication.

Does this support visual regression testing to detect unintended UI changes?

Yes, visual regression testing is supported by capturing and comparing screenshots of your application UI, allowing you to automatically detect and prevent unintended visual changes introduced by new code deployments.

How do I manage test data for Cypress e2e tests?

Test data management for Cypress e2e tests is handled by structuring data inputs and expected outputs within the test builder, ensuring consistent user journey validation and reliable automated browser test execution across runs.