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

Ready to run

npx skills add https://github.com/cfagerlin/theme-forge --skill review-cfagerlin

💬 Prompt for ChatGPT / Claude Chat▼

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.