alignment-verification

Pixel-perfect alignment verification measures exact bounding box positions of UI elements and reports precise deviations in pixels with zero tolerance. Provide target and reference elements, run the alignment check, and receive an ALIGNMENT_CHECK verdict showing whether elements are perfectly aligned or the exact pixel delta between them.

Yes. This Skill detects misalignment across web UI layouts including form controls, labels, buttons, and chip groups in both grid and flexible containers. It calculates exact pixel measurements of element bounding boxes to validate alignment viability within your layout structure.

Modal centering validation uses bounding box measurements to compare the modal's position against reference points, outputting precise pixel deviations. The ALIGNMENT_CHECK block reports whether the modal is centered with zero tolerance, eliminating guesswork from manual inspection.

Pixel-precision alignment enforces binary verification with zero tolerance, reporting exact pixel deltas rather than accepting ranges. This approach catches misalignments that tolerance-based methods would ignore, ensuring visual consistency meets strict design specifications.

Yes. Alignment verification requires access to element bounding boxes and DOM metrics to calculate exact pixel positions. You provide target and reference elements from your UI, and the Skill compares their positions using precise DOM measurements.

Alignment checking applies only to measurable bounding box positions and cannot account for sub-pixel rendering, browser zoom levels, or display scaling. Results reflect exact pixel deltas at the measured resolution; visual appearance may vary across different device contexts.