00:00:00Playwright CLI est la toute nouvelle façon d'utiliser Playwright avec votre agent de codage, vous permettant de gérer
00:00:04le stockage local et de session, de prendre des instantanés, de gérer les onglets – en gros, toute la puissance de
00:00:09l'ergomoteur Playwright directement dans votre terminal.
00:00:12Mais pourquoi utiliser cela au lieu du serveur Playwright MCP ?
00:00:17En fait, pourquoi de plus en plus de CLI sont-elles créées à partir d'outils qui étaient auparavant des serveurs MCP ?
00:00:22Abonnez-vous et découvrons cela ensemble.
00:00:24Commençons par tester à la fois la CLI Playwright et le serveur MCP sur une tâche simple.
00:00:31Je vais lui demander de m'aider à tester un outil sur lequel je travaille pour télécharger des vidéos
00:00:35depuis Twitter.
00:00:36Je vais demander à Playwright de récupérer le lien de ce tweet, de le coller ici, d'extraire la
00:00:40vidéo, puis d'attendre 10 secondes avant de prendre une capture d'écran, et enfin de vider le stockage local
00:00:45pour que l'agent suivant reparte sur une base saine.
00:00:48Nous allons d'abord essayer avec la CLI Playwright en utilisant Claude Code, et si nous l'installons, nous
00:00:54devrions avoir la compétence disponible ici.
00:00:56Remarquez qu'elle ne consomme que 68 tokens.
00:00:59Maintenant, je vais lui donner ce prompt, qui dit explicitement à l'agent d'utiliser la
00:01:03compétence Playwright CLI, juste pour simplifier les choses.
00:01:06J'appuie sur Entrée, il charge la compétence, insère l'URL dans le champ de texte, clique sur
00:01:11"Extract Video", puis il va attendre 10 secondes.
00:01:13Il a pris la capture d'écran, vidé le stockage local et fermé le navigateur.
00:01:17C'est terminé, il indique que la capture d'écran est enregistrée ici, et si on regarde,
00:01:21on peut voir que la vidéo a été téléchargée avec succès.
00:01:24Et l'ensemble n'a utilisé qu'environ 16 % des tokens.
00:01:27Maintenant, essayons la même chose en utilisant le serveur MCP.
00:01:29On peut utiliser la commande MCP pour vérifier qu'il est bien installé.
00:01:33Et avant de continuer, jetons un œil au contexte.
00:01:35En remontant, on voit que 15 % du contexte est déjà utilisé, car tous
00:01:41ces outils MCP sont chargés, ce qui consomme environ 3,6 k tokens.
00:01:46Ceci étant dit, nous allons utiliser le même prompt.
00:01:50Et notez que j'utilise les outils du serveur Playwright MCP au lieu de la compétence CLI.
00:01:55Il a donc utilisé le serveur MCP, ce qui ouvre un nouveau navigateur.
00:01:59Ensuite, il a collé le lien dans l'entrée.
00:02:01Puis il va cliquer sur le bouton.
00:02:02J'ai remarqué que le serveur MCP demande bien plus de permissions que la CLI, ce qui n'est pas un problème.
00:02:08Et il a eu quelques soucis pour prendre la capture d'écran, peut-être parce qu'un fichier
00:02:12porte déjà ce nom.
00:02:13J'ai réessayé avec le serveur Playwright MCP, et même en changeant le nom de la
00:02:17capture d'écran, il a échoué plusieurs fois à extraire l'image.
00:02:22Et maintenant, c'est fini.
00:02:23Il a pu tout faire, sauf prendre la capture d'écran.
00:02:26Mais regardons maintenant le contexte, et on voit qu'il a utilisé 35 k, soit 18 %.
00:02:32C'est donc un tout petit peu plus que la CLI, l'essentiel étant pris par les outils MCP.
00:02:37Mais il existe en fait un moyen d'effectuer exactement les mêmes tâches en utilisant un peu moins de contexte,
00:02:43ce dont je parlerai un peu plus tard dans la vidéo.
00:02:45Je sais que ce n'est qu'un exemple, et il peut même y avoir des scénarios où le serveur MCP
00:02:51utilise moins de tokens que la CLI Playwright selon la tâche, bien que j'en doute.
00:02:56Et vous vous dites peut-être que la différence entre 16 et 18 % n'est pas si grande.
00:03:02Mais la CLI présente d'autres avantages par rapport au serveur MCP.
00:03:06Par défaut, le serveur Playwright MCP n'expose pas tous les outils disponibles.
00:03:11En fait, vous devez activer des outils supplémentaires comme la génération de PDF ou le traçage pour
00:03:16les utiliser, car ils consomment trop de contexte.
00:03:19La CLI, en revanche, n'a pas cette limitation.
00:03:22En réalité, tous les outils sont disponibles dès le départ.
00:03:25Et la CLI n'est pas seulement utile pour les agents, elle l'est aussi pour les humains, car pour les tâches que
00:03:29vous répétez sans cesse, ou même pour les tests de bout en bout, vous pouvez créer un simple script bash
00:03:34qu'un humain peut exécuter pour vérifier les résultats, mais qu'un agent peut aussi lancer.
00:03:39Cela ne signifie pas que le serveur MCP est inutile, car si vous construisez une boucle d'agent
00:03:44que vous voulez faire tourner n'importe où, sur navigateur, bureau ou mobile, et pas seulement dans le
00:03:49terminal, alors le serveur MCP est parfait pour cela. C'est un protocole standard que
00:03:54les agents utilisent pour accéder aux outils, et comme Playwright exécute du code JavaScript ou TypeScript, vous pouvez
00:03:59faire tourner ce code dans n'importe quel environnement supportant le runtime JavaScript.
00:04:03De plus, le serveur MCP fonctionne en mode "avec interface" par défaut, alors que la CLI tourne en mode "headless",
00:04:09puisqu'elle est conçue pour s'exécuter en arrière-plan dans les agents de codage.
00:04:13Et si vous souhaitez réduire les tokens dans le serveur Playwright MCP, vous pouvez le
00:04:17configurer en activant ou désactivant certains outils.
00:04:20En fait, si votre but est d'utiliser le moins de tokens possible, vous ne devriez pas non plus utiliser la
00:04:26CLI Playwright, car l'Agent Browser de Cel utilise Playwright sous le capot, mais possède une
00:04:32CLI en Rust, ce qui le rend plus rapide et conçu pour consommer moins de tokens que Playwright, comme
00:04:38vous l'avez vu dans mon exemple précédent.
00:04:39Regardez la prochaine vidéo pour tout savoir sur Agent Browser et faire passer les compétences de navigation
00:04:43de vos agents de codage au niveau supérieur.