Web browser automation via Chrome DevTools Protocol: headless Chrome control from scripts
Chrome headless avec profils isolés ou copiés, navigation/clic/remplissage via scripts CDP, captures d'écran, émulation d'appareils, logs console+réseau en JSONL et rejet des bannières cookies
- Quoi
- Chrome headless avec profils isolés ou copiés, navigation/clic/remplissage via scripts CDP, captures d'écran, émulation d'appareils, logs console+réseau en JSONL et rejet des bannières cookies
- Coût
- Gratuit
- Prérequis
- Node.js et Chrome ou Chromium installés sur la machine de l'agent — les scripts lancent un vrai navigateur localement
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — le skill web-browser de @mitsuhiko : un kit CDP minimal pour qu'un agent pilote un vrai Chrome — lancement headless avec profil frais isolé (ou une copie du vôtre, jamais le profil live), navigation, clics, remplissage de formulaires, évaluation de JavaScript, captures d'écran viewport ou page complète, émulation d'appareils mobiles (presets iPhone/Pixel), rejet des bannières cookies UE, et capture de la console, des erreurs et de l'activité réseau en logs JSONL avec un helper net-summary. Frontières de sécurité réfléchies : profils isolés par défaut, mode visible seulement quand une personne doit voir ou s'authentifier, le sélecteur d'éléments exige une fenêtre visible, et le skill refuse de s'attacher à votre session Chrome live. Bémols honnêtes : nécessite Node.js et une installation Chrome/Chromium sur la machine de l'agent ; le mode copie `--profile` charge vos cookies — pratique pour les flows authentifiés, garder une bonne hygiène de session ; le frontmatter du SKILL.md dit en plaisantant « license: Stolen from Mario » — la licence déclarée du repo est Apache-2.0. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Découvert via skills.sh.
Version :
Installation
Prérequis : Node.js et Chrome ou Chromium installés sur la machine de l'agent — les scripts lancent un vrai navigateur localement Installe-moi « Automatisation navigateur via Chrome DevTools Protocol : contrôle de Chrome headless depuis des scripts ». Il donne à mon agent le kit CDP de @mitsuhiko : lancement de Chrome headless avec profils isolés ou copiés (scripts/start.js), navigation/clic/remplissage/eval via scripts (nav.js, eval.js, pick.js), captures d'écran viewport et page complète, presets d'émulation mobile, rejet des bannières cookies UE, et logs console+erreurs+réseau en JSONL avec helper net-summary. Licence Apache-2.0. Dépôt : https://github.com/mitsuhiko/agent-stuff/blob/main/skills/web-browser/SKILL.md 1. Récupère le fichier SKILL.md (et les fichiers d'aide éventuels) depuis le chemin du dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Vérification de sécurité : examine le SKILL.md et les scripts pour tout contenu suspect (appels réseau inattendus, commandes shell, collecte d'identifiants). Ce dépôt ne devrait contenir aucun secret en dur, les identifiants uniquement via le coffre sécurisé, les hôtes autorisés déclarés dans le SKILL.md. Vérifie que c'est bien le cas ici ; STOP sur tout signal d'alerte et dis-le-moi. 3. Installe-le comme skill : copie le SKILL.md et ses fichiers d'aide dans le répertoire des skills de l'agent, dans un dossier nommé « web-browser ». 4. Vérifie sans appels réseau : frontmatter valide, fichiers en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (p. ex. confirmer que Node.js et Chrome/Chromium sont installés là où l'agent lance les scripts ; choisir headless (défaut, profil isolé) vs mode copie --profile (charge mes cookies — garder une bonne hygiène de session) ; arrêter le Chrome du skill avant de changer de mode). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne jamais l'exiger sauf s'il figure dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête-toi et demande-moi.
Questions
Comment installer une création ?
Chaque fiche produit contient un prompt d’installation à copier-coller. Collez-le dans votre Muse et il installe la création pour vous — sans configuration manuelle.
Où va mon argent ?
Directement au vendeur. Skill Harbor ne traite jamais les paiements : le paiement se fait sur la page du vendeur, généralement via Stripe.
Que signifie le ✓ à côté du nom d’un créateur ?
Il signifie que nous avons confirmé l’identité de la personne derrière la fiche. Il ne dit rien sur le code lui-même — vérifiez toujours une création avant de l’installer.