skills.rest
cfagerlin
cfagerlinCOMMUNITY
Explore all skills by this author →
GitHub

review

Identify and list visual variances between live and dev pages.

Updated Aug 27, 2026
Search Tags:#screenshots#css#quality-assurance#diffing#visual-regression#shopify-theme
One-click install
npx skills add https://github.com/cfagerlin/theme-forge --skill review-cfagerlin
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: review
Source: https://github.com/cfagerlin/theme-forge/tree/main/review
Command: npx skills add https://github.com/cfagerlin/theme-forge --skill review-cfagerlin

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Post-work variance review identifies and fixes remaining visual differences between live and development pages after migration or pull actions.

Core Features & Use Cases

  • Variance detection: compares live vs dev visuals across pages and sections to surface mismatches.
  • Guided remediation: guides engineers to inspect and log fixes, update reports, and re-run checks.
  • Report generation: outputs structured review reports into .theme-forge/reports to track progress and decisions.

Quick Start

Review a specific page by running /theme-forge review [page-path] to generate a variance report and guidance for fixes.

Frequently Asked Questions about review

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

FAQPage Schema
How do I identify visual variances between live and dev pages after a Shopify theme migration?▼

Visual regression testing compares live and development pages across multiple breakpoints to surface mismatches. This process detects post-migration visual variances and logs them into a structured JSON review document for tracking.

What is the best way to perform visual QA on a migrated Shopify theme?▼

Visual QA for a migrated Shopify theme compares live versus dev pages to detect CSS and section mismatches. The process aligns with existing configuration, inspects multiple breakpoints, and outputs a structured report to guide remediation.

Can I use screenshot diffing to find visual variances across different breakpoints?▼

Yes, screenshot diffing compares live and dev pages across multiple breakpoints to detect visual variances. This visual regression check applies to migrations and final QA to surface layout mismatches.

How do I generate a structured report for visual regression issues?▼

Generate a structured report by running a visual variance review on a specific page path. The process produces a JSON review document at the designated reports directory to track progress and guide remediation.

When do I need visual regression testing for a Shopify theme?▼

Visual regression testing is needed after pulling sections or pages during a theme migration. It identifies remaining visual differences between live and development pages to ensure final QA quality assurance.

Related Skills

Explore More Design & Creative Skills→
karsteggkarstegg
1

Extract Epiroc BEV Weekly Report

Extract key sections from Epiroc BEV weekly PDF reports into structured Markdown.

Community
Advanced
EmaRimoldiEmaRimoldi

web-design-reviewer

Identify and fix visual design issues in HTML/CSS/JS across viewports.

Community
Advanced
spencerpaulyspencerpauly
672

comparing-branches-visually

Compare two Git branches by capturing matching screenshots and generating a visual diff report.

Community
Intermediate
abhishekdutta18abhishekdutta18

browser-qa

Automate visual, functional, and accessibility testing of web pages.

Community
Intermediate