Testée sur une vraie tâcheOfficielle de l'éditeurAutomatisation et intégrations

agent-browser

Claude parcourt votre site comme un vrai client sur téléphone et ordinateur, puis signale ce qui est cassé.

Installez agent-browser gratuitement

Laissez votre email et les étapes d'installation s'ouvrent ici même : un prompt à coller dans votre outil d'IA. Valable pour les 149 skills.

Notre note: 8/10
Fonctionne dans: Claude Code, Codex+6 autres
Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Antigravity, OpenCode, Windsurf et plus de 60 autres outils d'IA qui lisent les skills.
Faut-il coder ?: Un peu
Temps jusqu'au résultat: 15 min
Créé par: Vercel
Testée le: 19 oct. 2026

Le robot acheteur sur ordinateur : il choisit Ash Green, passe à 4 mugs, suit la mise à jour des messages de livraison gratuite et de 10%, ajoute au panier et ouvre le panier.

La réponse courte

agent-browser est la skill d'automatisation de navigateur de Vercel Labs pour Claude Code : Claude ouvre un vrai Chrome, clique, tape, fait défiler et prend des captures, et son mode QA intégré transforme cela en rapport de bugs avec captures et enregistrements d'écran. Elle convient aux gérants de boutique, marketeurs et freelances qui veulent faire tester une page avant le lancement, à condition d'accepter l'installation d'un petit outil en ligne de commande. Notre verdict est de 8/10 : lors de notre test, elle a prouvé que les messages de livraison et de remise d'une page produit étaient justes et trouvé un paiement manquant et un prix déroutant, mais la configuration vise les développeurs.

Idéal pour : Les gérants de boutique et marketeurs qui veulent un vrai test en cliquant d'une page produit ou de paiement sur téléphone et ordinateur avant le lancement, avec des captures à transmettre à la personne qui construit le site.

Envie de ce résultat dans votre propre travail ?

Inscrivez-vous gratuitement et installez agent-browser en une minute environ. Un seul email ouvre les étapes d'installation de toutes les skills du site.

Quand l'utiliser

Tester une page produit avant le lancement

Lors de notre test, une gérante d'atelier de poterie a demandé à Claude de faire ses achats sur la page depuis un téléphone et un ordinateur. Il a choisi un émail, changé les quantités, ajouté au panier et rendu un rapport : les messages de livraison gratuite et de 10% étaient justes, mais le paiement n'était pas branché et le bouton affichait le prix avant remise.

Vérifier l'affichage d'une page sur téléphone

Claude peut se faire passer pour un iPhone ou n'importe quelle taille d'écran et capturer votre page. Vous trouvez les menus coupés, les boutons cachés derrière des barres fixes et le texte qui ne tient pas, sans posséder tous les appareils.

Récupérer des informations d'une page web

Claude ouvre une page, la lit et en extrait ce dont vous avez besoin, comme une liste d'événements ou un tableau de prix, sous forme de liste propre. Cela fonctionne sur les pages qui n'affichent leur contenu qu'après un clic ou un défilement.

Comment obtenir un excellent résultat

Installez-la
Installez-la (étapes ci-dessous). Le fichier de la skill n'est qu'un renvoi : à la première utilisation, Claude charge les vraies instructions depuis l'outil installé, elles correspondent donc toujours à votre version. Si Chrome n'est pas sur votre ordinateur, l'outil peut télécharger un navigateur.
Donnez l'adresse à Claude
Partagez l'adresse de la page : un site en ligne, un lien de préproduction ou un aperçu local. Limitez-vous aux sites qui vous appartiennent ou que vous êtes autorisé à tester, et ne donnez vos identifiants que via la fonction de connexion enregistrée de l'outil, pas dans le chat.
Décrivez le parcours client
Listez les étapes exactes d'un acheteur et ce qui doit être vrai, par exemple « choisir un émail, mettre 4 mugs, ajouter au panier, vérifier le message de 10% ». Dites « téléphone et ordinateur » si vous voulez les deux ; Claude change d'appareil avec un seul réglage.
Demandez le rapport QA
Utilisez des mots comme « teste », « QA » ou « trouve les bugs » pour que Claude charge le mode dogfood de la skill. Il enregistre l'écran en reproduisant chaque problème, capture chaque étape et rédige un rapport avec des gravités de haute à basse.
Vérifiez les preuves, puis corrigez
Ouvrez les captures des principaux problèmes avant d'agir. Lors de notre test, une capture pleine page sur téléphone répétait l'en-tête fixe tout le long de l'image, ce qui ressemble à un bug mais n'en est pas un ; les captures normales montraient la vraie page.

Voici le prompt exact avec lequel nous avons commencé notre test :

Le prompt utilisé

Teste ma page produit comme le ferait un vrai client, sur téléphone et sur ordinateur portable : choisir un émail, changer la quantité, ajouter au panier, et vérifier que les messages de livraison gratuite et de remise de 10% sont justes. Fais des captures de tout ce qui semble cassé et donne-moi un court rapport de ce qu'il faut corriger.

Tout ce qu'elle a produit

Chaque élément ci-dessous est un vrai résultat de notre test, ouvert comme vous l'ouvririez.

Rapport de test — Le rapport de test : quoi corriger en premier, chaque message de livraison et de remise vérifié, et 9 problèmes avec captures.

Le même test sur un iPhone émulé : il choisit Midnight, passe à 4 mugs et vérifie les messages sur un écran de téléphone.

Le déroulé de la session

La conversation de notre test, raccourcie. Environ 15 minutes entre le premier prompt et le résultat final.

Vous: Teste ma page produit comme le ferait un vrai client, sur téléphone et sur ordinateur portable : choisir un émail, changer la quantité, ajouter au panier, et vérifier que les messages de livraison gratuite et de remise de 10% sont justes. Fais des captures de tout ce qui semble cassé et donne-moi un court rapport de ce qu'il faut corriger. (La page était servie sur une adresse de test locale.)
AI: C'est un travail de QA, je vais donc suivre le workflow dogfood : ordinateur d'abord, puis un iPhone 14 émulé, en ne jugeant que ce qu'un client peut voir.
AI: Les messages sont justes à chaque étape : $41 manquants à 1 mug, $7 à 2, livraison gratuite à 3, et à 4 mugs « $122.40 instead of $136 ». Mais le bouton Add to cart indique toujours $136 à ce moment-là.
AI: La barre fixe affiche « Midnight · $136 » mais ne montre jamais la quantité, et revient à $34 après l'ajout. Des notes provisoires sont visibles à 8 endroits. *Problème : la capture pleine page sur téléphone répétait l'en-tête et la barre fixes tout le long de l'image. Cela vient de la façon dont la capture gère les éléments fixes, je l'ai donc exclue des constats et utilisé des captures normales. Quelques clics ont échoué avec « Unknown ref » après...
AI: Rapport prêt. Corrections prioritaires : brancher un vrai panier et un vrai paiement, retirer les textes provisoires visibles, afficher le prix remisé sur le bouton, conserver le panier après un rechargement. Les messages de livraison gratuite et de 10% sont eux-mêmes justes partout où j'ai testé.

Ce qui a marché et ce qui a coincé

Ce qui a marché

Elle a vraiment cliqué sur la page comme une cliente et vérifié les messages de livraison gratuite et de 10% à chaque quantité, y compris les totaux panier plus page ($153 au lieu de $170, $172.80 au lieu de $192) : tous justes
Elle a repéré ce qu'un coup d'œil rapide rate : le panier n'est qu'une fenêtre provisoire sans paiement, le panier se vide au rechargement, et le bouton Add to cart affiche $136 alors que l'encadré de remise indique $122.40
Tester sur téléphone se résumait à changer d'appareil en une ligne, et elle a trouvé des problèmes propres au téléphone (la barre fixe cache la quantité, le menu est coupé en 320px)
Le mode dogfood a produit un rapport prêt à transmettre avec gravités, captures de chaque étape et enregistrements d'écran

Ce qui a coincé

La capture pleine page sur le téléphone émulé répétait l'en-tête et la barre fixes tout le long de l'image, cette image est donc trompeuse et a dû être ignorée
La configuration est pensée pour des développeurs : le fichier de la skill n'est qu'un renvoi, les vraies instructions viennent d'un outil en ligne de commande à installer d'abord (globalement avec npm, selon la skill), et les identifiants de boutons devenaient périmés après un rechargement jusqu'à une nouvelle capture de la page
Aucun fait inventé : le rapport ne cite que ce que la page affichait

Envie de ce résultat dans votre propre travail ?

Inscrivez-vous gratuitement et installez agent-browser en une minute environ. Un seul email ouvre les étapes d'installation de toutes les skills du site.

Des prompts qui marchent

Remplacez les parties entre crochets par vos propres informations. Inutile de nommer la skill : demandez la tâche et votre outil d'IA l'utilise tout seul.

Faire ses achats sur votre page produit

Teste ma page produit à [adresse de la page] comme le ferait un vrai client, sur téléphone et sur ordinateur portable : choisir une [variante], changer la quantité, ajouter au panier, et vérifier que les messages de [livraison et de remise] sont justes. Fais des captures de tout ce qui semble cassé et donne-moi un court rapport de ce qu'il faut corriger.

Tester un formulaire d'inscription ou de réservation

Va sur [adresse du formulaire] et essaie de [réserver un atelier / t'inscrire à la newsletter] comme un client. Essaie une fois correctement, puis avec un champ vide et un e-mail erroné. N'appuie pas sur le bouton d'envoi final. Dis-moi quelles erreurs ne sont pas claires, avec captures.

Captures téléphone et ordinateur

Fais des captures de [adresse de la page] sur un écran de la taille d'un iPhone, un petit téléphone en 320px et un ordinateur en 1440px. Fais défiler toute la page et liste tout ce qui est coupé, se chevauche ou est difficile à toucher.

Extraire une liste d'une page

Ouvre [adresse de la page] et récupère chaque [événement / produit / prix] affiché, y compris ceux qui apparaissent après défilement ou un clic sur « load more ». Donne-moi un tableau avec [nom, date, prix].

Conseils tirés de notre test

Écrivez dans le prompt les chiffres attendus, comme « livraison gratuite au-delà de $75, 10% de remise à partir de 4 ». Claude vérifie alors chaque message par rapport à eux au lieu de seulement décrire ce qu'il voit.
Demandez explicitement « téléphone et ordinateur ». Lors de notre test, le passage sur téléphone a trouvé des problèmes que l'ordinateur ne pouvait pas voir, comme une barre fixe qui cachait la quantité et un menu coupé en 320px.
Demandez-lui d'essayer des saisies bizarres, comme 0, des nombres négatifs, des décimales et de très grandes quantités. Notre test a montré que le champ de quantité gardait « 2.5 » tout en facturant 2.
Demandez à Claude de recharger la page après l'ajout au panier. Cette simple étape a montré que le panier se vidait au rechargement.
Dites à Claude de s'arrêter avant toute action irréversible, comme payer ou envoyer un formulaire, pour que tester un site en ligne ne crée pas de vraies commandes ni de vrais messages.
Attendez-vous à un rapport transmissible : le mode QA liste gravité, étapes et captures pour chaque problème, plus des enregistrements d'écran pour les problèmes interactifs.

Ce qu'il vous faut : Claude Code (offre Pro ou plus) sur un ordinateur, avec Node.js pour installer l'outil en ligne de commande agent-browser, Google Chrome sur l'ordinateur, ou laisser l'outil télécharger son propre navigateur, Une page que Claude peut ouvrir : un aperçu local, un site de préproduction ou une URL en ligne, Pas pratique dans l'application Claude dans un navigateur, car elle pilote un outil en ligne de commande local.

Comment l'installer

Les skills suivent le standard ouvert Agent Skills, celle-ci n'est donc pas liée à une seule entreprise. Choisissez l'outil d'IA que vous utilisez. Vous hésitez ? Le premier onglet couvre la plupart d'entre eux en une étape.

Le plus simple : collez ceci dans votre outil d'IA

Installe cette skill pour qu'elle fonctionne dans tous mes projets : exécute `npx skills add https://github.com/vercel-labs/agent-browser/tree/main/skills/agent-browser -g -y` dans mon terminal. S'il manque Node.js, explique-moi d'abord comment l'installer. Une fois terminé, confirme que la skill est installée et dis-moi comment commencer à l'utiliser.

Ou faites-le vous-même :

Une seule commande installe la skill dans les outils d'IA de votre ordinateur. Elle détecte ceux que vous avez et vous demande où l'ajouter : Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, OpenCode et plus de 60 autres.

$npx skills add https://github.com/vercel-labs/agent-browser/tree/main/skills/agent-browser -g

Node.js doit être installé (gratuit, sur nodejs.org). L'option -g rend la skill disponible dans tous vos projets.

Bon à savoir : Installable aussi avec brew install agent-browser.

Débloquez les étapes d'installation

Gratuit. Laissez votre email une seule fois pour ouvrir les étapes d'installation des 149 skills, et recevez chaque mois les meilleures nouvelles skills.

Comment nous l'avons vérifié

Nous avons vérifié la skill à sa source d'origine le 18 octobre 2026 : le SKILL.md est au bon endroit, les fichiers ont été mis à jour au cours de l'année et la licence (Apache-2.0) autorise son usage. Puis, le 19 octobre 2026, nous l'avons installée, utilisée sur la tâche ci-dessus sans la modifier, et noté ce qui s'est passé, y compris ce qui n'a pas marché.

Questions fréquentes

Faut-il savoir coder pour utiliser agent-browser ?

Aucun code n'est nécessaire pour demander un test ou lire le rapport, écrit en langage courant avec captures. Vous devez en revanche accepter que Claude installe un outil en ligne de commande, et la skill vise les développeurs et testeurs QA.

Quelle offre et quels outils demande-t-elle ?

Il vous faut Claude Code, qui demande une offre Pro ou plus, plus Node.js pour installer l'outil agent-browser. Elle utilise le Chrome de votre ordinateur, ou télécharge son propre navigateur si Chrome manque.

agent-browser fonctionne-t-elle dans l'application Claude.ai ?

Pas en pratique. La skill pilote un outil en ligne de commande sur votre propre ordinateur, utilisez-la donc dans Claude Code.

Quelle différence avec une demande d'avis sur ma page à Claude ?

Sans elle, Claude lit votre page ou une capture et devine. Avec elle, Claude clique, tape et fait défiler dans un vrai navigateur et vérifie ce qui se passe ; lors de notre test, c'est ainsi qu'il a découvert que le panier n'avait pas de paiement, qu'il se vidait au rechargement et que le prix du bouton ignorait la remise de 10%.

Peut-elle tester mon site sur téléphone ?

Oui. Elle peut émuler des appareils comme un iPhone 14 ou toute taille d'écran indiquée, et prendre captures et enregistrements à cette taille. Lors de notre test, elle a déroulé tout le parcours d'achat sur un iPhone émulé et sur un petit téléphone en 320px.