visual-verdict

Compare UI screenshots with reference images and generate a JSON verdict.

Updated Apr 2, 2026
One-click install
npx skills add https://github.com/tuandzung/flink-k8s-ui --skill visual-verdict-tuandzung
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: visual-verdict
Source: https://github.com/tuandzung/flink-k8s-ui/tree/main/.codex/skills/visual-verdict
Command: npx skills add https://github.com/tuandzung/flink-k8s-ui --skill visual-verdict-tuandzung

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill automates the comparison of generated UI screenshots against reference images, providing a structured JSON verdict to guide the next iteration of visual adjustments.

Core Features & Use Cases

  • Visual QA Automation: Compare UI screenshots with reference images and generate a JSON verdict.
  • Use Case: When you have a UI that needs to match a specific design, use this Skill to automate the verification process and get feedback on mismatches.

Quick Start

Run the visual-verdict skill with your generated screenshot and reference images to automatically assess visual fidelity.

Frequently Asked Questions about visual-verdict

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

FAQPage Schema
How do I automate visual regression testing for UI screenshots against reference images?

You can automate visual regression testing by running this Skill with your UI screenshot and reference image to compare them. It analyzes visual differences and generates a structured JSON verdict to guide your next iteration of visual adjustments.

What is visual QA automation and how does it generate feedback on UI mismatches?

Visual QA automation is the process of programmatically verifying that a generated UI matches a provided design. This Skill compares your screenshot against a reference image and outputs a JSON verdict detailing visual differences and suggestions for improvement.

Do I need specific image comparison tools to perform screenshot comparison for design verification?

Yes, performing screenshot comparison for design verification requires image comparison and analysis tools. The Skill leverages these dependencies to process your provided UI screenshots and reference images to assess visual fidelity.

How do I get structured feedback on visual differences to match a specific UI design?

To get structured feedback on visual differences, provide your generated UI screenshot and the target reference image to this Skill. It will return a structured JSON verdict indicating mismatches and offering suggestions for visual improvements.

Can I use visual regression checks to guide the next iteration of UI visual adjustments?

Yes, you can use visual regression checks to guide UI visual adjustments. The Skill outputs a structured JSON verdict that explicitly indicates visual differences and provides suggestions for improving the design to match your reference image.