motion-visual-regression
motion-visual-regression
Catalogue généré le 2026-05-11
En une phrase
Mettre en place des tests visuels (Playwright screenshots) pour stabiliser le motion et détecter les régressions en CI.
Quand l'utiliser
- Voir la description ci-dessus et la section « Pour aller plus loin ».
Comment l'invoquer
- Slash command :
/motion-visual-regression(si exposé dans ton CLI) - Phrases déclencheurs : voir la description complète ci-dessous
- Auto-invocation : sur demande explicite
Pour aller plus loin
Animation Testing & Visual Regression
Objectif
Détecter régressions visuelles/motion sans flakiness.
Procédure
- Installer Playwright
- Golden screenshots: idle + état stable
- Déterminisme: désactiver animations si besoin, masquer dynamique
- Ajouter seuils/masques en CI
Outputs attendus
- Scripts npm
- 2 tests toHaveScreenshot()
- Recos anti-flakiness
Hints
- Install: npm i -D @playwright/test
Source
- Plugin :
perso (standalone) - Nom interne :
motion-visual-regression - Fichier :
/home/thymon/.claude/skills/motion-visual-regression/SKILL.md