ui-visual-validator

ui-visual-validator is an agent for Claude Code from HermeticOrmus/claude-code-game-development. It costs 54 tokens per session (1,619 once invoked), scanned A, a copy of ui-visual-validator, MIT.

A specialist for checking whether changes to a website’s interface look correct and meet design and accessibility requirements. Accessibility means making the interface usable by people with different abilities.

In plain words
What is it for?
It helps review screenshots, compare visual changes, test different screen sizes and browsers, check dark mode and design-system consistency, and assess accessibility.
Why use it?
It helps catch visual differences, layout problems, inconsistent styling, and accessibility issues that code checks alone may not reveal.

Agent for Claude Code

Written for Claude Code: shipped in a Claude Code plugin. Also seen: model in frontmatter.

Part of the accessibility-compliance plugin — 1 command, 1 agent shipped together

Good fit It helps review screenshots, compare visual changes, test different screen sizes and browsers, check dark mode and design-system consistency, and assess accessibility.

Compare 6 agents from other repositories ↓
Install with agentmods
npx agentmods add agents/hermeticormus/claude-code-game-development/ui-visual-validator
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Clone the repo
git clone --depth 1 https://github.com/HermeticOrmus/claude-code-game-development

Made for: Claude Code.

Or install accessibility-compliance, the plugin that ships this one along with the rest of its 1 command, 1 agent.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for ui-visual-validator

README.md
[![agentmods](https://agentmods.dev/badge/agents/hermeticormus/claude-code-game-development/ui-visual-validator/github.svg)](https://agentmods.dev/agents/hermeticormus/claude-code-game-development/ui-visual-validator)
Your own site
<a href="https://agentmods.dev/agents/hermeticormus/claude-code-game-development/ui-visual-validator"><img src="https://agentmods.dev/badge/agents/hermeticormus/claude-code-game-development/ui-visual-validator/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for ui-visual-validator

Your own site · 80×15
<a href="https://agentmods.dev/agents/hermeticormus/claude-code-game-development/ui-visual-validator"><img src="https://agentmods.dev/badge/agents/hermeticormus/claude-code-game-development/ui-visual-validator.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 54 Only the description is in the session, so the agent can decide to use it. The body loads when it is invoked.
When invoked 1,619 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin 100% copy Near-identical to another mod in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00054 $0.01619
Opus 5.5 $0.00022 $0.00648
Sonnet 5.5 $0.00011 $0.00324
Haiku 4.5 $0.00005 $0.00162

Measured 1mo ago against content hash 33f1957c2215, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

ui-visual-validator scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 1mo ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

Origin

This is a copy

100% identical to ui-visual-validator — 18 lines differ, which has more behind it and is treated as the original. This page carries a canonical link to it rather than competing with it.

plugins/accessibility-compliance/agents/ui-visual-validator.md · 175 lines

How it starts

The opening of the file, as written. The whole thing — 175 lines — stays where its author put it; the contents beside it link to each section on GitHub.

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.

Core Principles

  • Default assumption: The modification goal has NOT been achieved until proven otherwise
  • Be highly critical and look for flaws, inconsistencies, or incomplete implementations
  • Ignore any code hints or implementation details - base judgments solely on visual evidence
  • Only accept clear, unambiguous visual proof that goals have been met
  • Apply accessibility standards and inclusive design principles to all evaluations

Capabilities

Visual Analysis Mastery

  • Screenshot analysis with pixel-perfect precision
  • Visual diff detection and change identification
  • Cross-browser and cross-device visual consistency verification
  • Responsive design validation across multiple breakpoints
  • Dark mode and theme consistency analysis
  • Animation and interaction state validation
  • Loading state and error state verification
  • Accessibility visual compliance assessment

Modern Visual Testing Tools

  • Chromatic: Visual regression testing for Storybook components
  • Percy: Cross-browser visual testing and screenshot comparison
  • Applitools: AI-powered visual testing and validation
  • BackstopJS: Automated visual regression testing framework
  • Playwright Visual Comparisons: Cross-browser visual testing
  • Cypress Visual Testing: End-to-end visual validation
  • Jest Image Snapshot: Component-level visual regression testing
  • Storybook Visual Testing: Isolated component validation

Design System Validation

  • Component library compliance verification
  • Design token implementation accuracy
  • Brand consistency and style guide adherence
  • Typography system implementation validation
  • Color palette and contrast ratio verification
  • Spacing and layout system compliance
  • Icon usage and visual consistency checking
  • Multi-brand design system validation

Read the full file on GitHub · 175 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 1mo ago First seen · 175 lines · 54 tokens per session scan A 33f1957c2215

Subscribe to this mod's changes

ui-visual-validator is an agent published in the GitHub repository HermeticOrmus/claude-code-game-development (75 stars, last pushed 22d ago), licensed MIT. It adds 54 tokens to every session and 1,619 once invoked, about $0.0002 per session on Opus 5.5. A static security scan graded it A with 0 findings. It is 100% identical to ui-visual-validator, differing in 18 lines, and is treated as a copy.

Related

Other agents, from other repositories

accessibility-specialist

The Accessibility Specialist ensures the game is playable by the widest possible audience. They enforce accessibility standards, review UI for compliance, and design assistive features including remapping, text scaling, colorblind modes, and screen reader support.

TraftG/opencode-game-studio · 45 tokens

godot-tools-engineer

Use this agent for Godot 4.x editor-side tooling — EditorPlugin, EditorInspectorPlugin, EditorImportPlugin, custom inspectors, EditorNode3DGizmoPlugin, dock panels, @tool scripts that ship as plugins, plugin testing, and plugin distribution. Works in both GDScript and C# (with #if TOOLS guards). GDExtension (C++…

jame581/GodotPrompter · 481 tokens

reviewer

VibeGame build final quality gate. Spawned when the first final review begins, reviews once at the end after all tasks are done.

tettethu/VibeGame · 31 tokens

qa-tester

The QA Tester writes detailed test cases, bug reports, and test checklists. Use this agent for test case generation, regression checklist creation, bug report writing, or test execution documentation.

TraftG/opencode-game-studio · 37 tokens

unity-ui-specialist

The Unity UI specialist owns all Unity UI implementation: UI Toolkit (UXML/USS), UGUI (Canvas), data binding, runtime UI performance, input handling, and cross-platform UI adaptation. They ensure responsive, performant, and accessible UI.

TraftG/opencode-game-studio · 49 tokens

playwright-test-generator

Use this agent when you need to create automated browser tests using Playwright Examples: Context: User wants to generate a test for the test plan item.

microsoft/playwright · 151 tokens