# UI Visual QA

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

- Skill: `nafeeur/ui-visual-qa` (Agent Skill)
- Install (CLI): `npx skillmds@latest add nafeeur/ui-visual-qa`
- Raw SKILL.md: https://api.skillmd.com/api/skills/nafeeur/ui-visual-qa/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: nafeeur (https://skillmd.com/u/nafeeur)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/nafeeur/ui-visual-qa

---


# 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.