skills.rest
mdmagnuson-creator
mdmagnuson-creatorCOMMUNITY
Explore all skills by this author →
GitHub

e2e-quality

A utility library for detecting and measuring in web applications.

Updated Feb 20, 2026
Search Tags:#testing#e2e#stability#quality#playwright#visual-exclusivity
One-click install
npx skills add https://github.com/mdmagnuson-creator/yo-go --skill e2e-quality
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: e2e-quality
Source: https://github.com/mdmagnuson-creator/yo-go/tree/main/skills/e2e-quality
Command: npx skills add https://github.com/mdmagnuson-creator/yo-go --skill e2e-quality

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

End-to-end UI quality can fail even when final states are correct; this skill provides patterns and utilities to catch flicker, layout shifts, performance issues, and stale state during interactions.

Core Features & Use Cases

  • Negative assertions during complex actions to prevent intermediate bad states.
  • Performance budgets and render stability checks to enforce responsive UX.
  • Layout shift and render stability detection, plus state-stability verification after mutations.
  • Mutual exclusivity checks across multiple locations to ensure single source of truth.
  • Easy integration with Playwright test structures via helper utilities.

Quick Start

Install the e2e-quality-helpers in your test suite and start using the provided patterns to monitor stability and exclusivity during mutations.

Frequently Asked Questions about e2e-quality

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

FAQPage Schema
How do I detect layout shifts and flicker during Playwright E2E tests?▼

Detect layout shifts and flicker during Playwright E2E tests by applying render stability patterns and CLS measurement utilities. These expose negative assertions to catch intermediate bad states during dynamic content loading and interactive SPA navigation flows.

How do I verify state stability after mutations in React SPA testing?▼

Verify state stability after mutations in React SPA testing by applying state-stability check patterns post-interaction. This ensures drag-and-drop, filtering, and dynamic loading operations do not leave stale state or unstable UI conditions behind.

Can I enforce performance budgets for responsive UX in Playwright?▼

Enforce performance budgets for responsive UX in Playwright by utilizing built-in performance measurement helpers. These utilities monitor render stability and enforce strict performance thresholds during complex interactive user flows.

What is mutual exclusivity checking in E2E UI quality tests?▼

Mutual exclusivity checking in E2E UI quality tests validates a single source of truth across multiple UI locations. It ensures contradictory state does not render simultaneously during dynamic content updates and SPA navigation.

Does e2e-quality work with existing Playwright test structures?▼

e2e-quality works with existing Playwright test structures by providing helper utilities that integrate into current test suites. It requires no additional dependencies to start monitoring stability and exclusivity during interactive flow mutations.

Related Skills

Explore More Software Engineering Skills→
zhangzhang-111-izhangzhang-111-i
2

senior-qa

Generate Jest, React Testing Library, and Playwright tests for React/Next.js applications.

Community
Advanced
aroidoaroido

web-vitals-monitoring

Measure Core Web Vitals and detect performance budget violations.

Official
Advanced
PrasadTelasulaPrasadTelasula

component-testing

Test React components with React Testing Library and Playwright for frontend correctness.

Community
Intermediate
atomeamatomeam
2

dynamic-ui-automation-javascript

Execute JavaScript and hover events for dynamic UI elements in Playwright.

Community
Intermediate