agentleFS
AkshitIreddyAkshitIreddy/agent-skills/skills/visual-verification/SKILL.md

visual-verification

Skill1 starsChanged 2 months agoMITView on GitHub

Inspect rendered UI or graphics and verify affected interactions when implementing a visual change or auditing an interface.

5 other projects use a version of this.

Adopted by

Most recently taken up by

The file

We split this skill into the rules it gives an agent

2 rules. 0 are common, 2 are distinctive, and 0 are very specific to this project.

  • 0

    Common

    Most of the 4 edited versions we read keep these.

  • 2

    Distinctive

    This author's own choices. Worth a look.

  • 0

    Very specific

    Tied to their project's names, files or tools. Probably skip.

  • Common
  • Distinctive
  • Very specific
  1. Distinctive:

    If a capture harness is needed, see capture examples.

    line 21
  2. Distinctive:

    Run required checks and relevant verification.

    line 31

“Common” is measured: kept by at least 6 in 10 of the 4 edited versions of this file we could read. “Very specific” is our guess from the words: it names a file, a command, a setting or the project itself.

Keep what fits and drop the rest. Your version, ready for your agents.
Files
SKILL.md

Verify the rendered result

Render the affected product surface, capture it, and open the image at readable scale before claiming a visual outcome. A passing build or an unopened screenshot does not establish appearance. Use the project's existing harness when possible.

Choose the relevant evidence

  • For a component change, inspect that component and its affected states.
  • For a whole-screen audit, inspect overlapping readable close-ups covering the screen before judging the full composition. Open each close-up, record what it shows, then inspect the next. A contact sheet is useful for routing, not a substitute for detail inspection. Recapture affected regions after corrections.
  • For web interactions, read browser QA.
  • For transient motion defects, read motion evidence.
  • If a capture harness is needed, see capture examples.

Inspect presence, clipping, alignment, legibility, contrast, and visual hierarchy. Cover the viewport sizes and empty, loading, error, ready, focus, or disabled states relevant to the change. Keep a narrow fix from becoming an unrelated audit.

A specimen board supports an asset or direction decision. Inspect the integrated surface and affected controls before calling the feature complete. Distinguish headless, development, packaged-app, and device evidence in the report.

Run required checks and relevant verification. After they pass, broaden or repeat only for a new change, failure, or unresolved concern. If rendering is unavailable, continue useful work and state the verification gap plainly.

Download now (ZIP)

Does it work?

Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.

No reviews yet

People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.

  • It worked
  • Partly
  • It didn't
What did you use it for? e.g. Reviewing pull requests in a Rails app

Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.

Your trail

Files you open will collect here, so you can find them again.

Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.

Now do this for your own.

Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.