UI Visual QA

Inspect web user interfaces for clipping, overlap, responsiveness, focus, loading, empty, error, and interaction-state defects.

nafeeur 6545194 668 B Updated

File contents

UI Visual QA

  1. Exercise initial, loading, populated, empty, error, disconnected, and long-content states.
  2. Check 1440x900, 1280x720, 1024x768, and narrow mobile widths.
  3. Inspect text truncation, fixed/sticky collisions, z-index, scroll containers, form labels, keyboard focus, and reduced motion.
  4. Verify primary workflows with real API responses, not screenshots alone.
  5. Fix the underlying layout rule rather than adding one-off offsets.
  6. Re-run the same visual matrix after changes.

nafeeur/MaskShift/tree/main/skills/ui-visual-qa commit 65451946cd

Frequently asked questions

npx skillmds@latest add nafeeur/ui-visual-qa