screenshot-comparison
À propos
Cette compétence permet des tests de régression visuelle automatisés en capturant des captures d'écran et en effectuant des comparaisons par différence de pixels. Elle prend en charge les tests responsifs sur différentes tailles d'écran et génère des rapports visuels avec les différences mises en évidence. Utilisez-la pour détecter les modifications non intentionnelles de l'interface utilisateur et garantir la cohérence visuelle lors des mises à jour des composants ou des pages.
Installation rapide
Claude Code
Recommandénpx skills add a5c-ai/babysitter -a claude-code/plugin add https://github.com/a5c-ai/babysittergit clone https://github.com/a5c-ai/babysitter.git ~/.claude/skills/screenshot-comparisonCopiez et collez cette commande dans Claude Code pour installer cette compétence
Dépôt GitHub
Frequently asked questions
What is the screenshot-comparison skill?
screenshot-comparison is a Claude Skill by a5c-ai. Skills package instructions and resources that Claude loads on demand, so Claude can perform screenshot-comparison-related tasks without extra prompting.
How do I install screenshot-comparison?
Use the install commands on this page: add screenshot-comparison to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.
What category does screenshot-comparison belong to?
screenshot-comparison is in the Testing category, tagged testing and design.
Is screenshot-comparison free to use?
Yes. screenshot-comparison is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.
Compétences associées
Cette compétence Claude exécute le lm-evaluation-harness pour évaluer les modèles de langage sur plus de 60 tâches académiques standardisées telles que MMLU et GSM8K. Elle est conçue pour permettre aux développeurs de comparer la qualité des modèles, de suivre les progrès de l'entraînement ou de rapporter des résultats académiques. L'outil prend en charge différents backends, incluant les modèles HuggingFace et vLLM.
Cette compétence fournit une connaissance complète pour la mise en œuvre de Déclencheurs Cron Cloudflare afin de planifier des Workers à l'aide d'expressions cron. Elle couvre la configuration de tâches périodiques, de travaux de maintenance et de flux de travail automatisés, tout en traitant des problèmes courants tels que les expressions cron non valides et les problèmes de fuseau horaire. Les développeurs peuvent l'utiliser pour configurer des gestionnaires planifiés, tester des déclencheurs cron et intégrer avec Workflows et Green Compute.
Cette Compétence Claude fournit une boîte à outils basée sur Playwright pour tester des applications web locales via des scripts Python. Elle permet la vérification frontend, le débogage d'interface utilisateur, la capture d'écrans et la consultation des journaux, tout en gérant les cycles de vie du serveur. Utilisez-la pour les tâches d'automatisation de navigateur, mais exécutez les scripts directement plutôt que de lire leur code source pour éviter la pollution du contexte.
Cette compétence aide les développeurs à finaliser leur travail en vérifiant que les tests passent, puis en présentant des options d'intégration structurées. Elle guide le processus de fusion, de création de PRs ou de nettoyage des branches une fois l'implémentation terminée. Utilisez-la lorsque votre code est prêt et testé pour finaliser systématiquement le cycle de développement.
