visual-debugger
✓Débogage visuel interactif à l’aide de l’automatisation du navigateur Playwright. À utiliser lorsqu'on vous le demande pour inspecter visuellement les sites Web/applications, tester les éléments de l'interface utilisateur, vérifier la fonctionnalité des boutons, vérifier la conception réactive, déboguer les problèmes de mise en page, surveiller les erreurs de la console ou effectuer des tests visuels basés sur le navigateur. Les déclencheurs courants incluent les demandes pour vérifier si les boutons fonctionnent, vérifier le chargement des pages, tester les formulaires, inspecter les éléments, déboguer les pages, naviguer vers les URL et vérifier le comportement, ou toute demande impliquant une inspection et des tests visuels du navigateur.
Installation
SKILL.md
Interactive visual debugging tool using Playwright MCP browser automation to inspect, test, and debug web applications and websites.
Before using this skill, verify Playwright MCP tools are available:
Security Note: Never hardcode real credentials. Ask user for test credentials or use environment variables.
Débogage visuel interactif à l’aide de l’automatisation du navigateur Playwright. À utiliser lorsqu'on vous le demande pour inspecter visuellement les sites Web/applications, tester les éléments de l'interface utilisateur, vérifier la fonctionnalité des boutons, vérifier la conception réactive, déboguer les problèmes de mise en page, surveiller les erreurs de la console ou effectuer des tests visuels basés sur le navigateur. Les déclencheurs courants incluent les demandes pour vérifier si les boutons fonctionnent, vérifier le chargement des pages, tester les formulaires, inspecter les éléments, déboguer les pages, naviguer vers les URL et vérifier le comportement, ou toute demande impliquant une inspection et des tests visuels du navigateur. Source : jarrodmedrano/jarrod-claude-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/jarrodmedrano/jarrod-claude-skills --skill visual-debugger- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que visual-debugger ?
Débogage visuel interactif à l’aide de l’automatisation du navigateur Playwright. À utiliser lorsqu'on vous le demande pour inspecter visuellement les sites Web/applications, tester les éléments de l'interface utilisateur, vérifier la fonctionnalité des boutons, vérifier la conception réactive, déboguer les problèmes de mise en page, surveiller les erreurs de la console ou effectuer des tests visuels basés sur le navigateur. Les déclencheurs courants incluent les demandes pour vérifier si les boutons fonctionnent, vérifier le chargement des pages, tester les formulaires, inspecter les éléments, déboguer les pages, naviguer vers les URL et vérifier le comportement, ou toute demande impliquant une inspection et des tests visuels du navigateur. Source : jarrodmedrano/jarrod-claude-skills.
Comment installer visual-debugger ?
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/jarrodmedrano/jarrod-claude-skills --skill visual-debugger 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/jarrodmedrano/jarrod-claude-skills
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-01