visual-verdict

Compare generated UI screenshots against reference designs and return JSON verdicts.

2|Updated May 3, 2026
One-click install
npx skills add https://github.com/JustineDevs/roblox-ai-os --skill visual-verdict-justinedevs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: visual-verdict
Source: https://github.com/JustineDevs/roblox-ai-os/tree/main/plugins/roblox-ai-os-creator-skills/skills/visual-verdict
Command: npx skills add https://github.com/JustineDevs/roblox-ai-os --skill visual-verdict-justinedevs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill eliminates subjective visual QA by providing a deterministic, score-based assessment of UI screenshots against reference designs, ensuring high-fidelity implementation.

Core Features & Use Cases

  • Automated Visual Comparison: Evaluates generated UI screenshots against reference images to identify layout, spacing, and typography mismatches.
  • Actionable Feedback Loop: Provides a structured JSON verdict with specific suggestions for iterative UI improvements.
  • Use Case: When building a complex Roblox UI, use this skill to verify that your generated component matches the design system reference, receiving a score and specific instructions on how to adjust padding or font weights to reach the 90+ pass threshold.

Quick Start

Use the visual-verdict skill to compare the current generated screenshot against the provided reference image and return the improvement suggestions.

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 QA for Roblox UI components against reference designs?

Automated visual QA for Roblox UI compares generated screenshots against reference design assets to evaluate layout, spacing, and typography fidelity. It uses a deterministic, score-based assessment to eliminate subjective manual checks and ensure high-fidelity implementation.

Can I use a JSON contract to drive iterative UI refinement in Roblox?

A JSON-based output contract drives iterative UI refinement by providing a structured verdict with specific suggestions. This actionable feedback loop returns specific instructions on adjusting padding or font weights to reach a 90+ pass threshold.

What is the best way to validate Roblox UI typography and spacing fidelity?

Validating Roblox UI typography and spacing fidelity requires structured visual quality assurance that compares generated screenshots against reference images. This automated visual comparison identifies mismatches and provides a score-based assessment of design implementation.

Does visual QA testing for Roblox require a creator-runtime environment?

Visual QA testing for Roblox operates within creator-runtime environments to validate layout, spacing, and typography fidelity. This environment allows the assessment to capture and compare UI screenshots against reference design assets deterministically.

How do I eliminate subjective visual QA when building complex Roblox UI?

Eliminating subjective visual QA involves using a deterministic, score-based assessment of UI screenshots against reference designs. This ensures high-fidelity implementation by replacing manual checks with automated visual comparison and structured feedback.

What are the limitations of automated visual comparison for Roblox UI fidelity?

Automated visual comparison for Roblox UI focuses strictly on layout, spacing, and typography fidelity. It requires a JSON-based output contract and reference design assets to function, meaning it cannot assess subjective design aesthetics or dynamic UI states without static screenshots.