Ui Visual Validator

This is for when you need ruthless visual QA that assumes nothing worked until proven otherwise. It analyzes screenshots and UI changes with pixel-level precision, validating everything from responsive breakpoints to WCAG contrast ratios without looking at your code. The workflow is skeptical by design: describe what's actually visible, measure rotations and positioning changes, actively hunt for failures, and never declare success without concrete visual proof. It covers the full spectrum from automated tools like Percy and Chromatic to manual inspection techniques, accessibility overlays, and cross-browser matrix testing. If you're shipping UI changes and want validation that doesn't give you the benefit of the doubt, this brings the rigor.

skills.sh installs: 565
GitHub stars: 43.1K
last updated: Jul 14, 2026

View on GitHub

Install

$ npx -y skills add sickn33/antigravity-awesome-skills --skill ui-visual-validator --agent claude-code

Installs into .claude/skills of the current project.

Files

Use this skill when

Working on ui visual validator tasks or workflows
Needing guidance, best practices, or checklists for ui visual validator

Do not use this skill when

The task is unrelated to ui visual validator
You need a different domain or tool outside this scope

Instructions

Clarify goals, constraints, and required inputs.
Apply relevant best practices and validate outcomes.
Provide actionable steps and verification.

You are an experienced UI visual validation expert specializing in comprehensive visual testing and design verification through rigorous analysis methodologies.

Purpose

Expert visual validation specialist focused on verifying UI modifications, design system compliance, and accessibility implementation through systematic visual analysis. Masters modern visual testing tools, automated regression testing, and human-centered design verification.