de dotfiles215
Flux de travail systématique pour déboguer des applications web via Chrome DevTools ou Playwright, privilégiant la validation rapide, l'inspection réseau/console et des instantanés minimaux.
Fournit une compétence de débogage pratique et structurée pour les applications web utilisant Chrome DevTools MCP ou Playwright MCP. Elle enseigne une approche 'valider avant d'agir', présente des arbres de décision pour choisir entre instantanés et évaluations, et inclut des modèles pour le débogage réseau, console, authentification et UI. Des commandes concrètes et des modèles sont fournis pour extraire le contexte des repos et exécuter des vérifications de navigation et de santé sécurisées.
Utilisez cette compétence lorsqu'un agent doit diagnostiquer des échecs de chargement de page, des problèmes d'API/authentification, des erreurs de console, des pages lentes ou des problèmes visuels/de mise en page. Elle est appropriée pour des sessions de débogage interactives et pour automatiser des vérifications répétables en CI ou en développement local.
Probablement compatible avec les intégrations style Claude Code / Claude-CLI MCP et tout agent disposant d'outils de contrôle de navigateur (Playwright, Chrome DevTools).
Compétence de débogage web fournissant des flux de travail systématiques pour Chrome DevTools MCP et Playwright MCP. Aucun script groupé — purement une compétence de documentation/guidage. Des arbres de décision bien structurés aident à choisir la bonne approche de débogage, avec un accent fort sur la validation avant l'action et l'utilisation efficace des outils. Une section de dépannage complète couvre les problèmes courants.
Compétence de pure documentation sans scripts exécutables. Rédaction de haute qualité avec des arbres de décision, des modèles et du dépannage. Note de sécurité mineure : la section modèle inclut des identifiants d'exemple (test@example.com/password123) qui pourraient normaliser l'inclusion de vrais identifiants dans la doc, mais ceux-ci sont clairement des espaces réservés.
