measure-ui

Installation
SKILL.md

Measure UI

Screenshots produce confident wrong conclusions, both false passes and false failures. Every claim about layout, fidelity, hover, focus, overflow or animation rests on a measurement: computed styles, rects and hit tests read in a live browser, asserted as numbers.

Pick the branch

  • Fidelity: you have a design reference (a mockup, a design file, or your own earlier build) and an implementation, and need to prove they match or find why they differ.
  • Interaction states: a dropdown, overlay, drawer or CSS animation looks broken, or you are about to claim an interactive change works.
  • Visual parity: a styling-system migration or a reimplementation must not move a pixel; a frozen screenshot baseline and a zero image diff decide.

Matching a design usually needs both: fidelity for the static layout, then interaction states for every menu and animation.

Who does what

Proving a UI claim takes three skills, each owning one part:

  • verify-this frames the claim and gives the verdict (VERIFIED, NOT VERIFIED or INCONCLUSIVE).
  • This skill sets the evidence rules for anything visual or interactive: what to measure, how to actuate, what counts as proof.
  • A driver only runs the browser: call the Skill tool with "control-ui" for a local browser or Electron app, or "orca" inside the Orca IDE.
Installs
10
Repository
anis-dr/skills
GitHub Stars
4
First Seen
Sep 26, 2026