Visual QA Skill

Automated visual testing that properly handles GSAP animations by scrolling through the entire page before capturing screenshots.

Usage

Ask Claude to run visual QA:

• "Run visual QA on the CSR site"
• "Take screenshots of all pages and analyze them"
• "Check the visual state of the website"

What This Skill Does

1. Full-Page Scroll - Scrolls through entire page in increments to trigger all GSAP/ScrollTrigger animations
2. Multi-Device Screenshots - Desktop (1920px), Tablet (768px), Mobile (375px)
3. Parallel Processing - Uses Haiku sub-agents to analyze multiple pages simultaneously
4. Visual Analysis - Reviews screenshots for issues

Pages Tested