orbit-visual-regression

Community

Detect visual regressions in WordPress plugins with pixel accuracy.

Authoradityaarsharma
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill ensures that WordPress plugins' UI remains consistent across versions, catching any unintended visual changes before they reach users.

Core Features & Use Cases

  • Pixel-perfect UI Testing: Identifies visual discrepancies in plugin admin pages and frontend output.
  • Responsive Breakpoint Testing: Ensures layout integrity on various devices and screen sizes.
  • Admin Color Scheme Testing: Checks compatibility with multiple WordPress admin color schemes.
  • Visual UAT for Plugins: Facilitates comparison between plugins for consistency checks.

Quick Start

Run the visual regression test for your plugin using the command: npx playwright test --project=visual

Dependency Matrix

Required Modules

playwright

Components

scriptsreferences

💻 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: orbit-visual-regression
Download link: https://github.com/adityaarsharma/orbit/archive/main.zip#orbit-visual-regression

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 620,000+ vetted skills library on demand.