Installs into .claude/skills of the current project.
Are you the author of Ui Visual Qa?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/nafeeur-ui-visual-qa)
---
name: ui-visual-qa
description: Inspect web user interfaces for clipping, overlap, responsiveness, focus, loading, empty, error, and interaction-state defects.
---
# 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.
