web-validation

Automates browser-based validation of web applications for runtime issues, visual regressions, and more.

2|Updated Apr 8, 2026
One-click install
npx skills add https://github.com/krzemienski/validationforge --skill web-validation-krzemienski
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-validation
Source: https://github.com/krzemienski/validationforge/tree/main/skill-audit-workspace/web-validation/skill-snapshot
Command: npx skills add https://github.com/krzemienski/validationforge --skill web-validation-krzemienski

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This section provides automated browser-based validation of web applications to detect runtime issues, performance problems, and visual regressions during development and QA.

Core Features & Use Cases

  • Health checks across deployed apps and local dev servers
  • Visual regression verification using screenshots at multiple viewport sizes (375px, 768px, 1920px)
  • Form validation, console and network validation, and basic performance signals
  • Real-world use: CI checks that alert on failing routes, hydration issues, or CSS regressions

Quick Start

Start the web-validation workflow against a running app to perform health checks, capture screenshots at multiple viewports, and validate console and network activity.

Frequently Asked Questions about web-validation

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

FAQPage Schema
How do I automate browser health checks for a web application?

Automate browser health checks by running validation workflows against a running dev server to detect runtime issues, capture multi-viewport screenshots, and validate console and network activity.

What is visual regression testing and how does it work across desktop and mobile viewports?

Visual regression testing detects UI changes by capturing screenshots at 375px, 768px, and 1920px viewports, allowing you to compare current output against baseline evidence to identify CSS or layout regressions across devices.

Do I need Playwright MCP or Chrome DevTools MCP to run browser validation?

Yes, you need a browser automation engine like Playwright MCP or Chrome DevTools MCP to execute automated checks, interact with the DOM, and collect runtime evidence from the web application.

Can I use automated browser validation to detect hydration issues in CI pipelines?

Yes, automated browser validation integrates into CI checks to alert on failing routes, hydration issues, or CSS regressions by capturing screenshots, console logs, and network traces into an evidence directory.

What's the best way to collect e2e evidence like screenshots and network traces during web testing?

The best way to collect e2e evidence is to configure an evidence directory where the validation workflow automatically stores screenshots, console logs, and network traces captured during browser-based health checks.

How do I validate forms and monitor network activity in a running web app?

Validate forms and monitor network activity by running browser automation against a running dev server to detect runtime issues, verify form submissions, and capture network traces for performance and error analysis.