Chrome DevTools CLI for agents: drive the browser from the terminal
Automatiser le navigateur via la CLI chrome-devtools — snapshots et inspection de pages, clics/saisies, navigation, émulation d'appareils, traces de performance, inspection réseau et console
- Quoi
- Automatiser le navigateur via la CLI chrome-devtools — snapshots et inspection de pages, clics/saisies, navigation, émulation d'appareils, traces de performance, inspection réseau et console
- Coût
- Gratuit
- Prérequis
- la CLI chrome-devtools installée (installation one-shot — voir references/installation.md du repo) et un navigateur Chromium qu'elle peut contrôler
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — le skill de @chromedevtools pour la CLI chrome-devtools-mcp : écrire des scripts shell ou lancer des commandes shell pour automatiser Chrome depuis votre terminal. Le workflow IA est Exécuter → Inspecter → Agir : lister et sélectionner les pages, prendre des snapshots de l'arbre d'accessibilité pour obtenir les UIDs d'éléments, puis cliquer, remplir, taper, presser des touches, glisser-déposer, survoler, gérer les dialogues et téléverser des fichiers ; naviguer, créer des onglets, recharger, émuler conditions réseau, throttling CPU, géolocalisation, color scheme, viewport et user agent ; enregistrer des traces de performance avec insights, capturer et comparer des heap snapshots (flag memory-debugging), lister et récupérer requêtes réseau et messages console, évaluer du JavaScript, lancer des audits Lighthouse, prendre des captures d'écran (viewport, page entière ou élément), gérer les extensions, et installer/lancer des PWA. Sortie en texte type Markdown par défaut (JSON avec un flag). Bémols honnêtes : l'installation one-shot est un prérequis, documentée dans references/installation.md du repo — pas dans le workflow IA ; noter que la CLI a par défaut un accès complet au système de fichiers (--allowUnrestrictedPaths=true) — passez false délibérément pour la confiner au dossier temp du système. Licence 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 : la CLI chrome-devtools installée (installation one-shot — voir references/installation.md du repo) et un navigateur Chromium qu'elle peut contrôler Installe-moi « Chrome DevTools CLI pour agents : piloter le navigateur depuis le terminal ». Il enseigne à mon agent le workflow CLI de @chromedevtools pour piloter Chrome depuis le shell : lister/sélectionner les pages, snapshot de l'arbre d'accessibilité pour obtenir les UIDs d'éléments, cliquer/remplir/taper/presser des touches, naviguer et créer des onglets, émuler réseau/CPU/géolocalisation/user-agent, enregistrer des traces de performance, capturer et comparer des heap snapshots, inspecter requêtes réseau et messages console, évaluer du JavaScript, lancer des audits Lighthouse, prendre des captures d'écran, gérer les extensions et les PWA. Licence Apache-2.0. Dépôt : https://github.com/chromedevtools/chrome-devtools-mcp/blob/main/skills/chrome-devtools-cli/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é « chrome-devtools-cli ». 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. installer la CLI selon references/installation.md si ce n'est pas fait ; décider de garder l'accès complet au système de fichiers ou passer --allowUnrestrictedPaths=false). 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.