Outils
Agent Browser, Claude Code
Prix
Gratuit (Apache-2.0), plus votre abonnement Claude
Temps
15 min
Niveau
Terminal, débutant

Vous modifiez votre site, puis vous ouvrez la page contact, vous remplissez le formulaire avec un faux nom, vous l'envoyez, vous vérifiez la page de confirmation. Puis vous recommencez sur mobile. Ce genre de vérification répétitive, un agent IA peut la faire à votre place, à condition de lui donner un navigateur. C'est exactement le rôle d'Agent Browser.

À quoi ça sert, et pour qui

Agent Browser est un programme en ligne de commande pensé pour les agents IA. Il pilote un vrai navigateur Chrome et décrit chaque page sous forme d'une liste d'éléments numérotés (@e1, @e2…). L'agent lit cette liste, choisit l'élément, puis clique ou tape du texte dedans. C'est plus fiable pour une IA que de deviner des coordonnées sur une image.

C'est utile si vous utilisez déjà Claude Code (ou un autre agent en terminal) et que vous voulez lui confier :

  • la vérification de votre propre site après une modification (formulaires, liens, affichage) ;
  • des captures d'écran de vos pages pour un compte rendu client ;
  • la saisie répétitive dans un outil web que vous utilisez déjà, sur votre propre compte.

Installer Agent Browser

  1. Installer le programmeIl faut Node.js (pour la commande npm). Sur Mac, Homebrew marche aussi : brew install agent-browser.
    Terminal
    npm install -g agent-browser
  2. Télécharger le navigateurCette commande récupère Chrome for Testing, la version de Chrome que Google distribue pour l'automatisation. Elle ne sert qu'une fois.
    Terminal
    agent-browser install
  3. Vérifier à la mainAvant de confier l'outil à Claude, faites un essai vous-même. --headed affiche la fenêtre, pour voir ce qui se passe.
    Terminal
    agent-browser open example.com --headed
    agent-browser snapshot
    agent-browser screenshot essai.png
    agent-browser close
  4. L'apprendre à Claude CodeDans le dossier où vous lancez Claude Code, ajoutez le skill officiel. Il crée un petit fichier dans .claude/skills/agent-browser/ qui explique à Claude comment se servir de l'outil.
    Terminal
    npx skills add vercel-labs/agent-browser

Exemple : tester le formulaire de contact de votre site

Lancez claude dans le dossier, puis collez ce prompt en remplaçant l'adresse par celle de votre site :

Prompt
Utilise agent-browser pour vérifier le formulaire de contact de mon site.
1. Ouvre https://www.mon-site.fr/contact en mode visible (--headed).
2. Remplis le formulaire avec ces données de test :
   nom "Test formulaire", e-mail "test@mon-site.fr",
   message "Test automatique, merci d'ignorer".
3. Envoie-le, attends la page suivante et fais une capture d'écran.
4. Dis-moi en français si l'envoi a réussi et recopie tout message d'erreur.
Reste uniquement sur www.mon-site.fr. Ne te connecte à aucun compte.
Demande-moi avant toute action qui n'est pas dans cette liste.

Claude enchaîne alors les commandes open, snapshot, fill, click et screenshot, et vous montre chacune avant de l'exécuter si vous êtes dans le mode de permissions par défaut. Vous voyez le navigateur bouger et vous récupérez la capture dans le dossier.

Les réglages utiles

  • Limiter les sites : l'option --allowed-domains interdit la navigation hors des domaines listés, par exemple --allowed-domains "mon-site.fr,*.mon-site.fr".
  • Demander confirmation : --confirm-actions exige votre accord pour certaines catégories d'actions, comme eval,download (exécuter du code dans la page, télécharger un fichier).
  • Séparer le contenu des pages : --content-boundaries encadre le texte lu sur la page, pour que l'IA distingue ce qui vient du site de vos consignes.
  • Sessions séparées : --session client-a isole les cookies d'une tâche à l'autre.

Ces protections sont désactivées par défaut : c'est à vous de les ajouter, ou de demander à Claude de les utiliser dans votre prompt.

Limites et coût

  • L'outil est gratuit. Ce qui coûte, c'est l'usage de Claude : chaque page lue et chaque étape consomment une partie de votre forfait.
  • Les pages changent : après chaque navigation, l'agent doit relire la page (nouveau snapshot). Une bannière de cookies peut bloquer un clic ; il faut la fermer d'abord.
  • Les captchas et les sites qui interdisent les robots ne sont pas faits pour ça. Respectez les conditions d'utilisation de chaque site.

Prudence avec les comptes connectés

Agent Browser sait réutiliser un profil Chrome (--profile) ou enregistrer une session dans un fichier (state save). Concrètement, l'agent agit alors en votre nom : il voit vos e-mails, peut envoyer, acheter ou supprimer. La documentation précise aussi que ces fichiers de session contiennent les jetons de connexion en clair.

À respecter. Commencez par des pages publiques ou votre propre site, sans connexion. Ne branchez jamais votre banque ni votre messagerie principale. Si vous enregistrez une session, gardez le fichier hors de tout dossier partagé ou de GitHub et supprimez-le après usage. Une page web peut contenir des instructions cachées destinées à l'IA : gardez les validations manuelles actives et relisez chaque action sensible. Enfin, n'installez que depuis le dépôt officiel vercel-labs/agent-browser.

Sources

Vous voulez un agent qui fait ce travail tous les jours, avec des garde-fous adaptés à votre activité ? C'est ce que je construis dans mes agents IA.