Automated UI/UX comparison tool providing structural feedback and revision steps based on image analysis.
Install
mkdir -p .claude/skills/visual-verdict && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/11360" && unzip -o skill.zip -d .claude/skills/visual-verdict && rm skill.zipInstalls to .claude/skills/visual-verdict
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
截图与参考图对比的结构化视觉 QA 判定Key capabilities
- →Compare UI screenshots
- →Identify layout mismatches
- →Suggest CSS revisions
- →Score visual fidelity
How it works
It performs a structural comparison between screenshots and reference designs, outputting a JSON verdict with improvement suggestions.
Inputs & outputs
When to use visual-verdict
- →Verifying UI layout fidelity
- →Automating visual regression testing
- →Generating CSS revision steps
About visual-verdict
Performs pixel/structural comparison between screenshots and reference designs, outputting JSON that identifies layout/style mismatches with actionable improvement suggestions.
截图与参考图对比的结构化视觉 QA 判定
When not to use it
- →When reference images are missing
Prerequisites
Limitations
- →Requires reference images
- →Threshold target 90+
How it compares
It provides a deterministic, structured JSON output for visual QA rather than subjective feedback.
Compared to similar skills
visual-verdict side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| visual-verdict (this skill) | 0 | 4mo | No flags | Intermediate |
| paper-parity | 0 | 5mo | No flags | Intermediate |
| gsd-ui-review | 0 | 6mo | No flags | Beginner |
| verify-bulk-action-bar | 0 | 4mo | Review | Intermediate |
Try saying
Example prompts that trigger this skill in your AI assistant.
You might also like
paper-parity
GLaDO8
Use when comparing or recreating this repo's UI in Paper MCP and fixing parity issues against the live rendered site.
gsd-ui-review
AdityaArote
Retroactive 6-pillar visual audit of implemented frontend code
verify-bulk-action-bar
junnv93
BulkActionBar 패턴 SSOT 검증 — count chip aria-live, role=toolbar, Esc clear, indeterminate Radix, focus management, IME guard. 일괄 작업 UI 변경 시 트리거. canonical = components/common/BulkActionBar.tsx (도메인 무관 generic), components/approvals/BulkActionBar.tsx는 approvals 특화 wrapper.
campusway-frontend-quality
md-muntasir-shihab
CampusWay frontend quality workflow for Vite React and Tailwind with optional Next.js surface. Use when: improve UI, refactor components, fix layout, optimize bundle, enforce design consistency, prepare frontend PR.
preview-data-generator
rshankras
Generate sample data and a multi-variant #Preview matrix for SwiftUI views — empty/loading/error/loaded states, light/dark, Dynamic Type, locales/RTL, and devices. Use when the user says "add previews", "sample data for previews", "preview my view in different states", "preview data", "prototype thi
ui-ux-pro-max
nextlevelbuilder
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.