web-regression-governance

Community

Guard UI regressions in web apps.

Authorchf3198
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Website-static and web-app projects often drift visually and functionally as code changes, risking broken layouts and degraded user experiences. This skill provides enforceable governance to detect and block such regressions before shipping.

Core Features & Use Cases

  • Non-bypass visual/DOM/regression checks integrated into CI and PR pipelines.
  • Route-specific invariants enforcement for homepage and key routes.
  • Evidence collection (screenshots and assertion outputs) for traceability and audit trails.
  • Use Case: prevent homepage layout drift after CSS updates or JS DOM mutations by failing builds on invariant violations.

Quick Start

Run checks on pull requests to automatically fail if visual regressions are detected.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: web-regression-governance
Download link: https://github.com/chf3198/devenv-ops/archive/main.zip#web-regression-governance

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.