skills.rest
raddue
raddueCOMMUNITY
Explore all skills by this author →
GitHub

ui-verify

Compare Unity UI implementations against design mockups and generate delta reports.

10|2|Updated Feb 23, 2026
Search Tags:#design#ui#unity#layout#verification#mockup
One-click install
npx skills add https://github.com/raddue/crucible --skill ui-verify-raddue
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-verify
Source: https://github.com/raddue/crucible/tree/main/skills/ui-verify
Command: npx skills add https://github.com/raddue/crucible --skill ui-verify-raddue

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses UI inconsistencies and visual drift between implemented Unity UI elements and their original design mockups, ensuring visual fidelity and adherence to design specifications.

Core Features & Use Cases

  • Visual Comparison: Compares screenshots of the current UI against source mockups.
  • Code-Level Audit: Analyzes USS and C# controller code against mockup specifications when visual comparison isn't possible.
  • Delta Reporting: Generates a structured report detailing layout, spacing, color, typography, and theming discrepancies.
  • Use Case: After a UI developer implements a new feature's interface, this skill can be used to verify that the implemented UI precisely matches the provided Figma or HTML mockup, flagging any deviations for correction.

Quick Start

Use the ui-verify skill to compare the current UI against the mockup located at docs/mockups/talent-ui-mockup.html.

Frequently Asked Questions about ui-verify

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

FAQPage Schema
How do I verify my Unity UI implementation matches the original design mockup?▼

The ui-verify skill compares Unity UI implementations against design mockups by performing visual and code-level comparisons. It identifies discrepancies in layout, spacing, colors, typography, borders, interactive states, and theming compliance, generating a structured delta report with actionable items for developers.

What is visual drift in Unity UI and how do I catch layout discrepancies?▼

Visual drift in Unity UI happens when implemented elements visually diverge from original design mockups. You can catch layout, spacing, and theming discrepancies by running automated visual comparisons against source mockups, generating a structured delta report to flag deviations for correction.

Can I audit Unity USS and C# code against Figma or HTML mockup specifications?▼

Yes, you can audit Unity USS and C# controller code against Figma or HTML mockup specifications. This code-level audit analyzes the implementation to ensure visual fidelity and adherence to design specifications when visual screenshot comparison is not possible.

Does Unity UI verification work without screenshots by analyzing USS files?▼

Yes, Unity UI verification works without screenshots by analyzing USS and C# controller code against mockup specifications. This code-level audit ensures visual fidelity and adherence to design layouts when visual screenshot comparison is not possible.

What is the best way to generate a delta report for Unity UI discrepancies?▼

The best way to generate a delta report for Unity UI discrepancies is to compare current UI implementations against source mockups. This structured report details layout, spacing, color, typography, and theming issues, providing actionable items for developers to correct deviations.

How do I check Unity UI interactive states and theming compliance against a mockup?▼

You can check Unity UI interactive states and theming compliance by comparing the implemented UI against source mockups. This process identifies discrepancies in interactive states, theming compliance, and bug workarounds, detailing them in a structured delta report for developers.

Related Skills

Explore More Design & Creative Skills→
raddueraddue
10

mock-to-unity

Translates mockups, HTML references, or screenshots into Unity UI Toolkit USS and C# code with Theme.uss styling and bug workarounds.

Community
Advanced
seokan-jeongseokan-jeong
8

team-shinchan:design-review

Detect discrepancies between design mockups and implemented UI by category.

Community
Intermediate
cuozgcuozg
4

unity-uitoolkit-create

Generate Unity runtime UI with UXML, USS, and C# controller scripts.

Community
Intermediate
act70255act70255

ui-visual-validator

Validate UI components for visual consistency, design system compliance, and accessibility.

Community
Advanced