mcpbeat Sign in

Screenshot Critique Agent Skill

Use the unprimed sub agent as a second set of eyes before accepting visual work — MANDATORY before declaring any user-reported visual bug fixed or claiming a visual change verified; primed eyes pass defects fresh eyes catch.

1.5k tokens
context cost
SKILL.md, read when the skill is used
1
files
instructions only
0
copies elsewhere
how many repositories repackaged it
928
stars on the repo
on the repository, not the skill itself

Install

one command, takes just this skill from the repository
npx skills add https://github.com/dzhng/skills --skill screenshot-critique

The instruction itself

4 sections, as written by the author

Screenshot Critique

Use an unprimed sub-agent as a second set of eyes before accepting visual work.

This is for visual defects, not pixel metrics; pair it with

compare-screenshots when you also need numbers — including on a single shot

with nothing to compare against, whose scene metrics say whether the frame has

any content in it at all.

Workflow

  • Capture or locate the exact PNGs/GIF frames under review.
  • Create tight 2x-4x crops for every key feature under judgment, plus the full

screenshot for context. Crop selected units, city/town stacks, flags/poles,

shadows, selection rings, labels/icons, roads, terrain features, water, and

any artifact-prone area. If the complaint is about "too faint", "wrong

order", or "not in perspective", the crop is mandatory.

  • Spawn one fresh explorer with fork_context: false; pass only the full

images, the crops, and a short neutral task. Do not include the main thread

history, implementation details, or expected answer.

  • Ask for concrete visible defects with confidence levels. Name likely risk

categories: unit/prop depth ordering, layering, shadows, selection-marker

contrast, ground-plane perspective, flag/pole attachment, label style and

icon readability, blur, scale, lighting, artifacts, missing models, terrain

feature readability, roads, water, and overall scan readability.

  • Compare the sub-agent's critique against your own inspection. Treat overlap

as high-priority evidence. Treat novel high-confidence findings as bugs to

inspect, not as taste notes to dismiss.

  • Record actionable findings in the spec, visual report, or next task plan

before claiming the screenshot is accepted.

Sub-Agent Prompt

Use this shape, replacing the bracketed surface and attaching local images:

Fresh visual critique task. You have no project backstory and should only
inspect the supplied screenshots and crops. First inspect the full screenshot
for context, then inspect each crop at zoomed scale. Look for concrete
visual/layout defects in [surface], especially unit/prop depth ordering,
layering, shadows, selection-marker contrast, ground-plane perspective,
flag/pole attachment, label style/icons, blur, scale, lighting, artifacts,
missing models, terrain feature readability, roads, water, and scan
readability. Do not assume these are correct. Return a concise list of issues
you can see, with confidence and whether the issue is visible in the full image,
the crop, or both.

Spawn config:

  • agent_type: explorer
  • fork_context: false
  • attach screenshots as local_image items
  • omit model overrides unless the user explicitly requests one

Rules

  • Mandatory before "fixed": never declare a user-reported visual bug fixed

on your own inspection — your eyes are primed by the fix you just made. Run

the unprimed critique on the candidate shot first; "mild residue" you are

tempted to wave through is exactly what it exists to catch. (Recorded

failure: a "fixed" sky that an unprimed agent identified as the terrain

mesh's underside filling the entire sky region.)

  • Reproduce the reporter's framing. When the user supplied a screenshot,

the critique must include a capture at that framing (same camera/zoom/spot,

or as close as reproducible) — a defect that lives at their framing can be

invisible at yours. Your chosen probe framing is a supplement, never the

substitute.

  • Prove the change is real before critiquing it. Byte/pixel-diff the

candidate against the pre-change baseline first: a critique of an unchanged

image "verifies" a no-op. (Recorded failure: a palette pass that never

reached the production render path — before/after were byte-identical and

only the diff caught it.)

  • Hand over the complete capture set, never a curated one. Every state you

captured, every viewport, desktop and mobile. Choosing which shots to show is

the same bias the fresh pass exists to remove: you will pick the ones you

already believe are fine, and the weak state is exactly the one that gets

left out. If a state is hard to reach by hand, drive it deterministically and

capture it rather than omitting it.

  • When no sub-agent is available, argue the other side yourself. For each

feature under judgment, write one sentence making the strongest case that it

is broken, citing only what is visible in the shot — then decide. Writing the

case first is what makes it adversarial; deciding first and justifying after

is the primed inspection this skill exists to replace. Include those

sentences in the report so the reasoning is reviewable.

  • Never tell the sub-agent the defect you expect it to find.
  • Use the current candidate screenshot, not a stale report or baseline image.
  • Do not rely on full-page report scale for small visual features. Attach

crops around the exact features a player would read: selected army/city,

label/icon clusters, flags, shadows, ring edges, road crossings, terrain

feature patches, water labels, and suspicious debug/artifact regions.

  • If the sub-agent says a crop reveals an issue that is weak or invisible in

the full shot, treat it as a real usability defect when the player can zoom

to that scale in-game.

  • For animation, attach a short set of deterministic still frames first; GIFs

are useful for human review, but still frames make specific defects easier to

name.

  • A passing sub-agent critique does not replace direct inspection by the main

agent or screenshot regression gates.

  • If the sub-agent catches an issue the main agent missed, add that failure mode

to the relevant feature plan or visual checklist immediately.

How to use it

Copy the folder

Take dzhng/screenshot-critique from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.