cgs.qa.visual

What problem does it solve?

This Skill pinpoints and describes the exact visual discrepancies between a Figma design and the actual rendered UI, going beyond simple pixel difference percentages.

Core Features & Use Cases

• Detailed Mismatch Identification: Uses LLM vision to describe what is wrong (colors, spacing, typography, layout).
• Fidelity Auditing: Ensures the implemented UI precisely matches design specifications.
• Root Cause Analysis: Helps identify likely causes for visual bugs.
• Use Case: After a visual regression test flags a 5% difference, use this Skill to understand if it's a critical layout shift or a minor color shade variation.

Quick Start

Analyze visual differences for the current feature, focusing on screens with more than a 2% pixel difference.