agentsclimarketplace
Sign in

Visual qa

Skill aiskillstore/marketplace/skills/crazyswami/visual-qa

Complete visual QA - screenshots with full-page scroll to trigger animations, then analyze with Claude. Run after CSS/template changes.From its SKILL.md

Install
npx -y skills add aiskillstore/marketplace --skill visual-qa

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

  • no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.

SKILL.md

2.6 KB, 591 tokens by cl100k_base, as published. Nobody here has run it

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

PageURL
Homehttps://csrdevelopment.com/
Abouthttps://csrdevelopment.com/about/
Portfoliohttps://csrdevelopment.com/portfolio/
Contacthttps://csrdevelopment.com/contact/
Privacy Policyhttps://csrdevelopment.com/privacy-policy/
Termshttps://csrdevelopment.com/terms-of-service/

Screenshot Script

Location: /root/.claude/skills/visual-qa/screenshot.py

Single Page

python3 /root/.claude/skills/visual-qa/screenshot.py --url https://csrdevelopment.com/about/

All Pages

python3 /root/.claude/skills/visual-qa/screenshot.py --all

Output

Screenshots saved to: /home/dev/screenshots/

Parallel Analysis with Haiku

When running full visual QA, launch multiple Haiku agents to analyze different pages simultaneously:

Agent 1: Analyze Home + About screenshots
Agent 2: Analyze Portfolio + Contact screenshots
Agent 3: Analyze Legal pages screenshots

Visual QA Checklist

All Pages

  • Header visible and logo centered
  • Menu button works
  • Footer links present
  • No horizontal scroll
  • Text readable at all sizes

Home Page

  • Hero video/image loaded
  • Hero text visible (not opacity 0)
  • Property cards show with images
  • Animations completed

About Page

  • Team member photos loaded (not placeholders)
  • Bio text visible
  • Images have grayscale filter

Portfolio

  • Property grid displays
  • Status badges visible
  • Different images for each property

Contact

  • Form fields visible
  • Contact info displayed
  • Submit button styled

Property Detail

  • Hero image loaded
  • Property details sidebar
  • Inquiry form present

What ships with it: 2 files

43.5 KB alongside SKILL.md, 1 of them executable

Keep looking

Skills are one crate of 325,949. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.