image-comparison-review

Estrellas4

Forks2

Actualizado19 de mayo de 2026 a las 05:05

Use when Codex must compare screenshots, video grabs, UI captures, sprite references, design mocks, or visual regression outputs. Before judging visual correctness, stitch reference and current images into one side-by-side composite, inspect that single composite, and report concrete mismatches in layout, scale, crop, text, color, focus state, sprites, and missing or extra elements.

Instalación

Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.

Ejecutar en Manus

Fuente

Arsia-Mons

Arsia-Mons/Silencer

Abrir repositorio de GitHub Ver repositorios del creador

Descarga

Ejecutar en Manus

Ocupaciones relacionadasSOC

Basado en la clasificación ocupacional SOC

Analistas de garantía de calidad de software y probadoresOcupaciones informáticas y matemáticas·SOC 15-1253

Explorador de archivos

3 archivos

SKILL.md

readonly

name	image-comparison-review
description	Use when Codex must compare screenshots, video grabs, UI captures, sprite references, design mocks, or visual regression outputs. Before judging visual correctness, stitch reference and current images into one side-by-side composite, inspect that single composite, and report concrete mismatches in layout, scale, crop, text, color, focus state, sprites, and missing or extra elements.

Image Comparison Review

Rule

Do not rely on memory across separate image views when visual accuracy matters. Build one stitched comparison image first, then inspect that composite with view_image at original detail.

Workflow

Put reference images and current images in two directories with matching filenames, or choose one explicit reference/current pair.
Match the viewport before capture whenever possible. For Silencer UI, use the CLI resize --w W --h H before screenshot when the reference came from a known video or screenshot size.
Run scripts/stitch_compare.sh to create a side-by-side sheet.
Open the sheet, not only the individual images.
Review row by row: viewport/crop, overall scale, panel/chrome shape, element positions, selected/hover/focus states, text content, wrapping, colors/brightness, sprite identity, and missing or extra UI.
Report the composite path and the highest-impact mismatches first.

Script

# Directory mode: pairs files by identical basename.
bash shared/skills/image-comparison-review/scripts/stitch_compare.sh \
  --left docs/reference/character-creation-flow \
  --right docs/reference/character-creation-flow/proof/current-1280x800 \
  --out /tmp/character-create-compare.png \
  --left-label reference \
  --right-label current

# Single-pair mode.
bash shared/skills/image-comparison-review/scripts/stitch_compare.sh \
  --left ref.png \
  --right current.png \
  --out /tmp/ref-vs-current.png

The script uses ImageMagick magick, annotates each side, and appends matched pairs into one vertical comparison sheet.

Más de este repositorio

mismo repositorio

using-silencer-cli

Arsia-Mons/Silencer

Use when you need to drive the Silencer game from a terminal — clicking menus, taking screenshots, reading game state, validating game-data JSON, rebinding controls, or filling a lobby with fake authenticated players for multiplayer dev — without a human at the keyboard.

2026-05-234

e2e-visual-regression

Arsia-Mons/Silencer

Use when you need to compare the current branch's UI against a baseline (origin/main or any ref) across every reachable user journey — main menu, options tabs, lobby connect, in-game HUD and overlays. Captures screenshots on both sides, builds side-by-side composites, runs pixdiff. Catches regressions that unit tests, E2E scripts, and architecture-boundary tests miss — e.g. garbled text from string-arena lifetime bugs, button-shape divergences, layout drift.

2026-05-184

name	image-comparison-review
description	Use when Codex must compare screenshots, video grabs, UI captures, sprite references, design mocks, or visual regression outputs. Before judging visual correctness, stitch reference and current images into one side-by-side composite, inspect that single composite, and report concrete mismatches in layout, scale, crop, text, color, focus state, sprites, and missing or extra elements.

Image Comparison Review

Rule

Do not rely on memory across separate image views when visual accuracy matters. Build one stitched comparison image first, then inspect that composite with view_image at original detail.

Workflow

Put reference images and current images in two directories with matching filenames, or choose one explicit reference/current pair.
Match the viewport before capture whenever possible. For Silencer UI, use the CLI resize --w W --h H before screenshot when the reference came from a known video or screenshot size.
Run scripts/stitch_compare.sh to create a side-by-side sheet.
Open the sheet, not only the individual images.
Review row by row: viewport/crop, overall scale, panel/chrome shape, element positions, selected/hover/focus states, text content, wrapping, colors/brightness, sprite identity, and missing or extra UI.
Report the composite path and the highest-impact mismatches first.

Script

# Directory mode: pairs files by identical basename.
bash shared/skills/image-comparison-review/scripts/stitch_compare.sh \
  --left docs/reference/character-creation-flow \
  --right docs/reference/character-creation-flow/proof/current-1280x800 \
  --out /tmp/character-create-compare.png \
  --left-label reference \
  --right-label current

# Single-pair mode.
bash shared/skills/image-comparison-review/scripts/stitch_compare.sh \
  --left ref.png \
  --right current.png \
  --out /tmp/ref-vs-current.png

The script uses ImageMagick magick, annotates each side, and appends matched pairs into one vertical comparison sheet.