Web Design Reviewer Skill

When to use

• Reviewing deployed or in-development web interfaces
• Auditing for visual bugs, layout issues, and responsiveness
• Checking accessibility compliance
• Providing actionable fixes for identified issues

Review workflow

1. Visual inspection: Open at multiple breakpoints (320px, 768px, 1024px, 1440px)
2. Layout audit: Check alignment, spacing consistency, overflow issues
3. Responsive check: Test all breakpoints, orientation changes
4. Accessibility scan: Contrast, focus states, screen reader compatibility
5. Performance check: Image sizes, font loading, CLS, LCP
6. Fix and verify: Apply source code fixes, re-check

Common issues checklist