visual-testing
✓Tests visuels, vérification de l'interface utilisateur et comparaison de conception à l'aide de captures d'écran et de l'intégration Figma. À utiliser lorsque l'utilisateur souhaite vérifier l'apparence de l'interface utilisateur, comparer avec les conceptions Figma, tester des mises en page réactives, vérifier les régressions visuelles ou valider la mise en œuvre de la conception.
Installation
SKILL.md
Perform visual testing, UI verification, and design comparison using screenshots, responsive testing, and Figma integration.
| Mobile S | 320px | 568px | --width 320 --height 568 | | Mobile M | 375px | 667px | --width 375 --height 667 | | Mobile L | 425px | 812px | --width 425 --height 812 | | Tablet | 768px | 1024px | --width 768 --height 1024 | | Laptop | 1366px | 768px | --width 1366 --height 768 | | Desktop | 1920px | 1080px | --width 1920 --height 1080 |
Tests visuels, vérification de l'interface utilisateur et comparaison de conception à l'aide de captures d'écran et de l'intégration Figma. À utiliser lorsque l'utilisateur souhaite vérifier l'apparence de l'interface utilisateur, comparer avec les conceptions Figma, tester des mises en page réactives, vérifier les régressions visuelles ou valider la mise en œuvre de la conception. Source : serkan-ozal/browser-devtools-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/serkan-ozal/browser-devtools-skills --skill visual-testing- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-05
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que visual-testing ?
Tests visuels, vérification de l'interface utilisateur et comparaison de conception à l'aide de captures d'écran et de l'intégration Figma. À utiliser lorsque l'utilisateur souhaite vérifier l'apparence de l'interface utilisateur, comparer avec les conceptions Figma, tester des mises en page réactives, vérifier les régressions visuelles ou valider la mise en œuvre de la conception. Source : serkan-ozal/browser-devtools-skills.
Comment installer visual-testing ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/serkan-ozal/browser-devtools-skills --skill visual-testing Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/serkan-ozal/browser-devtools-skills
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-05