Inspect web user interfaces for clipping, overlap, responsiveness, focus, loading, empty, error, and interaction-state defects.
Scanned 9/19/2026
npx -y skills add nafeeur/MaskShift --skill ui-visual-qa --agent claude-codeInstalls 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 automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/nafeeur-ui-visual-qa)More formats (shields.io, HTML) on the badges page. Keep it an A: scan every change in CI with Pro.
---
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.
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!