visual-qa
Examiner les pages responsives avec une QA visuelle
Les sites web responsives peuvent masquer des défauts de mise en page après des changements d'animation. Cette compétence réalise des captures d'écran pleine page après défilement sur différentes tailles d'appareils pour une revue visuelle ciblée.
Installer avec mon Agent
Copiez cette demande dans votre Agent. Elle contient la page Skill de référence et le manifeste.
Review the Skillstore skill "visual-qa" from https://skillstore.io/skills/crazyswami-visual-qa.md and its manifest at https://skillstore.io/api/skills/crazyswami-visual-qa/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Votre Agent doit toujours présenter son plan et demander toute confirmation exigée par la politique de sécurité.
Ressources lisibles par les agents
Utilisez ces liens lorsqu’un Agent IA, un crawler ou un script a besoin d’un contexte propre au lieu de lire toute la page.
Tester
Utilisation de « visual-qa ». Exécute la QA visuelle sur la page À propos après la mise à jour du hero.
Résultat attendu:
Les captures d'écran ont été réalisées sur différentes tailles d'appareils. La revue a trouvé un problème d'alignement du hero sur desktop et un problème d'espacement mobile sous la section bio.
Utilisation de « visual-qa ». Vérifie toutes les pages configurées avant la release.
Résultat attendu:
- Les captures d'écran de l'accueil et de la page À propos sont terminées.
- Le portfolio nécessite une revue, car deux images semblent répétées.
- Les pages de contact et juridiques ne montrent aucun problème majeur de mise en page.
Audit de sécurité
Risque moyenThe skill performs legitimate visual QA with Playwright, but it has real network navigation and filesystem write behavior. Most static command and hidden-file findings are Markdown documentation false positives. Additional review should focus on broad tool permissions and default output paths outside the workspace.
Préoccupations de sécurité confirmées (2)
Éléments d’évaluation des capacités (10)
Il s’agit de capacités locales réelles qui peuvent être attendues pour cette compétence ; elles nécessitent donc un examen, mais ne sont pas comptabilisées comme comportement malveillant confirmé.
Facteurs de risque
🌐 Accès réseau (10)
📁 Accès au système de fichiers (6)
⚙️ Commandes externes (7)
Partager et citer ce rapport
Partagez le rapport d’évaluation versionné, le badge neutre, la carte intégrable et les citations. Skillstore présente les preuves sans décider si ce Skill est sûr.
Copier le lien du rapport
https://skillstore.io/skills/crazyswami-visual-qa/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportBadge Markdown
[](https://skillstore.io/skills/crazyswami-visual-qa?utm_source=security_passport_badge)Badge HTML
<a href="https://skillstore.io/skills/crazyswami-visual-qa?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/crazyswami-visual-qa/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Carte intégrable
<iframe src="https://skillstore.io/embed/skills/crazyswami-visual-qa.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Citations académiques (APA · BibTeX · CFF)
Citation APA
CrazySwami. (2026). visual-qa security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/crazyswami-visual-qa/audits/9Citation BibTeX
@techreport{crazyswami-crazyswami-visual-qa-2026,
author = {CrazySwami},
title = {visual-qa security audit report (audit version 9)},
institution = {Skillstore},
year = {2026},
number = {9},
url = {https://skillstore.io/skills/crazyswami-visual-qa/audits/9},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "visual-qa security audit report (audit version 9)"
version: "unspecified"
type: report
authors:
- name: "CrazySwami"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/crazyswami-visual-qa/audits/9"
identifiers:
- type: other
value: "skillstore:crazyswami-visual-qa:audit:9"
description: "Skillstore immutable audit report identifier"
Score Skillstore
Pourquoi ce score Niveau de confiance des preuves: ÉlevéCe que vous pouvez créer
Valider les changements de mise en page responsive
Capturer des captures d'écran des pages clés et examiner les problèmes d'animation, d'espacement et de débordement.
Examiner les pages animées sur différents appareils
Générer des captures pleine page cohérentes pour comparer le rendu visuel sur desktop, tablette et mobile.
Collecter des preuves de release
Créer des captures d'écran horodatées des pages importantes avant une release ou une revue client.
Essayez ces prompts
Exécute la QA visuelle pour cette URL : {url}. Capture des captures d'écran desktop, tablette et mobile, puis résume les problèmes de mise en page visibles.Exécute la QA visuelle sur toutes les pages configurées pour {base_url}. Note les problèmes de mise en page, d'image, de formulaire et de navigation par taille d'appareil.Vérifie {url} après les mises à jour d'animation. Fais défiler avant la capture, puis identifie les éléments qui restent masqués, rognés ou mal alignés.Exécute un passage complet de QA visuelle pour {base_url}. Regroupe les constats par gravité et liste les captures d'écran qui nécessitent une revue humaine.Bonnes pratiques
- Exécuter la compétence après des changements de mise en page, d'animation, de template ou d'image.
- Utiliser un répertoire de sortie relatif au workspace pour chaque revue.
- Examiner les captures d'écran avec les exigences du projet à côté de la checklist.
Éviter
- Exécuter les cibles de site par défaut lors de la revue d'un projet sans rapport.
- Considérer les captures d'écran comme un remplacement des tests d'accessibilité ou d'interaction.
- Enregistrer la sortie dans des répertoires système partagés ou des dossiers utilisateur sensibles.
Foire aux questions
Que teste cette compétence ?
Prend-elle en charge les URL personnalisées ?
Exécute-t-elle des diffs visuels ?
Pourquoi fait-elle défiler avant les captures d'écran ?
Quelle configuration est requise ?
Où les captures d'écran sont-elles enregistrées ?
Détails du développeur
Auteur
CrazySwamiLicence
MIT
Révision Skillstore
r1
Avis de version
L’auteur n’a déclaré aucune version.
Réf
02f077c174c5335e2f5d02ca15e77b70d9543e58
Récence de maintenance
18/07/2026
Utilisation
6 téléchargements · 173 vues
Structure de fichiers