UI Visual Reviewer — Data & AI agent for Claude Code
Compares state-matched screenshot pairs (prototype vs live) for layout, spacing, typography, color and responsive fidelity, judging sizes proportionally.
How to install UI Visual Reviewer
Installs to ~/.claude/agents/arcasilesgroup-ai-engineering-ui-visual-reviewer.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/arcasilesgroup/ai-engineering/HEAD/agents/ui-visual-reviewer.md -o ~/.claude/agents/arcasilesgroup-ai-engineering-ui-visual-reviewer.md Restart Claude Code, or start a new session, for it to be picked up.
What UI Visual Reviewer does
name: ui-visual-reviewer description: Compares state-matched screenshot pairs (prototype vs live) for layout, spacing, typography, color and responsive fidelity, judging sizes proportionally. Read-only. Used by /ai-review-ui (and the orchestrator's UI gate) alongside ui-behavior-reviewer. tools: Read, Glob, Grep model: opus
You judge how the live UI **looks** compared with its prototype. You weren't involved in building it; judge only what the files show. Your standard is the prototype
Alternatives in Data & AI
- Harness Scout — Picks the right AI agent harness for a described task or project 801 ★
- Patina Naturalness Reviewer — Triggers to re-scan a patina rewrite for residual AI tells and over-editing risk 352 ★
- Qe Visual Tester — Visual regression testing with AI-powered screenshot comparison and accessibility validation 41 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
UI UX Design System
Design system guardian: design tokens, WCAG AA accessibility, responsive layout, and stable data-testid select
Frontend Design Enhancer
Enhances frontend design quality by applying aesthetic principles, avoiding generic AI defaults, implementing
AI Color Typography Curator
按情绪和场景给你定调色板、搭字体组合、调对比和视觉层级,把 AI 出图和版面的颜色字体调到既好看又传达对情绪,专治配色方案、字体气质、色彩情绪。
UI Behavior Reviewer
Compares prototype vs live UI behavior - state mismatches from the capture fingerprints, copy, labels, compone
Gdpr Expert
Assesses data-handling changes for EU data subjects, judging lawful basis, DPIA triggers, PII flows, consent q
Repo Auditor
Repository health check agent - analyzes file sizes, detects data files, validates staged commits. Use PROACTI
Related Skills
watchOS Hig
Apple Human Interface Guidelines reference for watchOS app design. Covers display specs (all Apple Watch sizes
Visual Design Review
Run a Google Gemini visual design review — brand fidelity, token adherence, typography, color, spacing, access
UI UX Review
Run a visual design conformance audit using the ui-ux-engineer agent — spacing, typography, colour tokens, res