visual-qa
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
- Full-Page Scroll - Scrolls through entire page in increments to trigger all GSAP/ScrollTrigger animations
- Multi-Device Screenshots - Desktop (1920px), Tablet (768px), Mobile (375px)
- Parallel Processing - Uses Haiku sub-agents to analyze multiple pages simultaneously
- Visual Analysis - Reviews screenshots for issues
Pages Tested
More from crazyswami/wordpress-dev-skills
wordpress-admin
Full WordPress site management - create pages/posts, configure SEO (Yoast), upload media, manage settings. Use when creating content, setting up SEO, or managing any WordPress site.
15gsap-animations
GSAP animation best practices for web design - scroll triggers, performance optimization, accessibility, responsive animations, and testing integration. Use when implementing or reviewing animations on WordPress or any web project.
13wp-performance
WordPress performance optimization - Core Web Vitals, image/video compression, caching, asset optimization, and speed testing. Use when optimizing site speed or diagnosing performance issues.
9wp-orchestrator
Master WordPress project orchestrator - coordinates all WordPress skills for complete site setup, audit, and optimization. Use for new project setup, site audits, or comprehensive reviews. Runs interview phases and manages todo lists.
8wordpress-dev
WordPress development best practices - coding standards, custom post types, security, performance, hooks/filters, and template hierarchy. Use for any WordPress theme or plugin development guidance.
4wp-playground
WordPress Playground for instant browser-based WordPress testing. Use for quick demos, plugin testing, or ephemeral development environments without Docker.
4