sg-visual-review

Community

Review and annotate visual test screenshots

Authorbacoco
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill consolidates visual test outputs into a single interactive review page so teams can quickly find UI regressions, mark problem areas, and generate targeted re-run manifests for efficient triage and fixes.

Core Features & Use Cases

  • Build a self-contained HTML review page from YAML test manifests, visual-tests/_results/report.md, regressions data, and matched screenshots.
  • Interactive grid with status and category filters, lightbox inspection, annotation pen, multi-select, and export of re-run/fix manifests consumed by automation flows.
  • Use Case: QA or engineers reviewing a failing Visual E2E run can annotate failures, export a fix-manifest.json, and re-run only the affected tests to validate fixes.

Quick Start

Generate and open the interactive visual review page for the latest visual test results.

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: sg-visual-review
Download link: https://github.com/bacoco/ShipGuard/archive/main.zip#sg-visual-review

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.