visual-qa
SKILL.md
Visual QA
Overview
Capture screenshots before/after changes, compare pixel diffs, score with vision models. Use video capture for animations.
Quick Reference
| Task | Command |
|---|---|
| Capture baseline | bun visual_qa/capture_anchors.mjs --base-url http://localhost:4321 --start-dev --label baseline "#about" "/cv" |
| Capture candidate | Same command with --label candidate (auto-compares to baseline) |
| Add CSS labels | Add --annotate flag to overlay selector labels |
| Score screenshot | llm -m openrouter/qwen/qwen2.5-vl-32b-instruct -a image.png "$(cat visual_qa/standard_rubric.md) Score this." |
| Compare two images | llm -m ... -a baseline.png -a candidate.png "Compare. Flag regressions." |
| Record video | See Animation Workflow below |