Rôle du skill
Ce skill fournit à Claude un ensemble d'instructions complètes pour utiliser la CLI agent-browser, un outil d'automatisation de navigateur conçu spécifiquement pour les agents IA. Dans le contexte d'EmDash — un CMS TypeScript full-stack basé sur Astro — il permet à Claude de vérifier visuellement les modifications apportées à l'interface d'administration, de tester des formulaires, d'inspecter le rendu HTML ou l'arbre d'accessibilité, et de capturer des screenshots à des fins de débogage ou de documentation.
Ce que couvre le skill
Le SKILL.md est ici bien renseigné : il décrit un workflow complet en quatre étapes (ouvrir une URL, prendre un snapshot, interagir via des refs @e1, @e2…, capturer un screenshot). Il documente également la gestion des sessions pour conserver l'état d'authentification entre les commandes, les options de filtrage du snapshot (-i pour les éléments interactifs, -c pour le mode compact), et les commandes de débogage comme --headed, console ou eval.
Intégration dans EmDash
EmDash est conçu dès le départ pour être piloté par des agents IA : il embarque une CLI, un serveur MCP et plusieurs skills pour que des outils comme Claude puissent gérer le contenu et le schéma de manière programmatique. Le skill agent-browser s'inscrit dans cette logique en donnant à Claude la capacité d'agir sur l'interface web du CMS — par exemple vérifier qu'un article s'affiche correctement après une modification du frontend, ou tester un flux de création de contenu dans le panneau d'administration.
Utilisation pratique
Pour exploiter ce skill, il suffit que l'outil agent-browser soit installé et accessible dans l'environnement d'exécution de l'agent. Claude s'appuie alors sur les instructions du SKILL.md pour enchaîner les commandes : snapshot d'abord pour obtenir les refs, interactions ensuite, screenshot pour confirmer le résultat. La recommandation de vérifier la taille des images avant de les charger (seuil de 2 Mo) est également intégrée dans les consignes pour éviter les erreurs d'outillage.