skills.rest
adiomas
adiomasCOMMUNITY
Explore all skills by this author →
GitHub

e2e-validator

Automate visual frontend verification with Playwright or Puppeteer and compare screenshots.

Updated Jan 16, 2026
Search Tags:#automation#frontend#e2e#Playwright#Puppeteer#visual-regression#UI-testing
One-click install
npx skills add https://github.com/adiomas/claude-code-adiomas-plugins --skill e2e-validator-adiomas
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: e2e-validator
Source: https://github.com/adiomas/claude-code-adiomas-plugins/tree/main/autonomous-dev/skills/e2e-validator
Command: npx skills add https://github.com/adiomas/claude-code-adiomas-plugins --skill e2e-validator-adiomas

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates visual frontend verification to detect UI regressions and verify interactive components across devices.

Core Features & Use Cases

  • Visual regression checks by comparing baseline and current screenshots.
  • Responsive testing across multiple viewport sizes.
  • Interactive element verification including buttons, forms, and navigation.

Quick Start

Configure your frontend project and run the e2e-validator to execute Playwright or Puppeteer tests and generate a visual report saved under the .claude/screenshots directory.

Frequently Asked Questions about e2e-validator

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

FAQPage Schema
How do I automate visual regression testing for UI components?▼

Automate visual regression testing by comparing baseline and current screenshots of UI components to detect unintended visual changes. The e2e-validator uses browser automation to capture screenshots and generate a comparison report highlighting visual differences.

Can I test responsive frontend behavior across multiple viewport sizes?▼

Test responsive frontend behavior across multiple viewport sizes by configuring your project profile to run browser automation checks. The validator verifies that UI components adapt correctly to different screen dimensions.

Do I need Playwright or Puppeteer to run browser-based frontend checks?▼

You need either Playwright or Puppeteer installed to run browser-based frontend checks. The e2e-validator requires one of these automation frameworks to perform visual verification and capture screenshots for comparison.

What is the best way to verify interactive elements like buttons and forms?▼

Verify interactive elements like buttons, forms, and navigation by running browser automation tests that simulate user interactions. The validator checks these components across devices and generates a visual report of the results.

How do I configure a frontend project for automated UI testing?▼

Configure your frontend project by setting up a project profile that defines viewport sizes and components to test. The validator uses this configuration to execute Playwright or Puppeteer tests and saves visual reports under the .claude/screenshots directory.

Related Skills

Explore More Software Engineering Skills→
gsarmaonlinegsarmaonline

screenshotify

Automate full-page screenshots across viewports using Puppeteer or Playwright for frontend applications.

Community
Advanced
ksciuskscius
2

responsive-testing

Capture screenshots across viewport sizes and report layout breakage.

Community
Intermediate
neuron-oneneuron-one
25

browser-testing

Automate browser UI verification and visual regression checks across viewports.

Community
Intermediate
abretonc7sabretonc7s

visual-testing

Capture screenshots before and after UI interactions to detect visual regressions.

Community
Intermediate