Ae ltd visual regression forge
Use when UI changes must be proven safe across breakpoints using baseline and diff workflows. AE.LTD visual quality gate for release confidence.From its SKILL.md
npx -y skills add aegntic/cldcde --skill ae-ltd-visual-regression-forgeAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 11 stars11 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
SKILL.md
1.5 KB, as published. Nobody here has run it
AE.LTD Visual Regression Forge
What This Skill Does
Proves UI changes are safe across breakpoints using baseline and diff workflows. Visual quality gate for release confidence. Niche gem source: visual-regression plugin from awesome-claude-code-toolkit.
- Define snapshot scope (pages, viewports)
- Capture clean baselines with network idle
- Run pixel diffs against threshold
- Convert failures into actionable fixes
Quick Start
User: "Did my CSS change break anything?"
→ Define scope → Capture baseline → Run diff → Report pass/fail
Workflow
-
Define snapshot scope. Pick critical pages/components and three base viewports: mobile, tablet, desktop.
-
Capture clean baselines. Wait for network idle and mask dynamic regions.
-
Capture current state with matching settings. Use identical viewport/device/browser settings for comparability.
-
Run diff and classify. Compute pixel deltas and mark pass/warn/fail against threshold.
-
Convert failures into actionable fixes. Map each diff to CSS/layout/asset causes and patch.
Guardrails
- Do not auto-update baselines without explicit intent.
- Keep dynamic content excluded to reduce false positives.
- Report diff percentages with file names and viewport labels.
- Store baselines and diffs in deterministic folder names.