Я использую chrome dev tools mcp для E2E тестов
Вношу изменения на фронтенд и потом запускаю тесты, чтобы убедиться в работоспособности системы.
В репо у меня хранятся user journeys – описание пути пользователя, который заходит на сайт. Я храню это и для понимания работы системы, и для E2E тестов.
Как работают тесты
Я даю задачу агенту прочитать user journeys и воспроизвести их при помощи chrome dev tools, собрать ошибки и пофиксить их.
Основная проблема — каждый из таких тестов занимает приличное количество токенов контекста – 40-70k токенов.
На прошлой неделе Vercel выпустил свой headless браузер для агентов – agent-browser. Я протестировал его и заметил, что он тратит до 40% меньше токенов, чем chrome dev tools!
Например, один мой user journey – заполнение формы на моём сайте занимает примерно 15k токенов через chrome dev tools mcp, и только 9k токенов через agent-browser!
Интерфейс этого браузера в виде CLI, т. е. управлять им можно командами из консоли: agent-browser open google.com.
Этот браузер построен вокруг playwright, под капотом использует chromium.
Как подружить браузер с агентом?
С помощью Skills
Установка простая, всего лишь три команды:
Установить agent-browser:
bun add -g agent-browser
Установить playwright:
bun add -g playwright
Установить chromium:
agent-browser install
Скачать и установить skill в Claude Code:
mkdir -p .claude/skills/agent-browser curl -o .claude/skills/agent-browser/SKILL.md https://raw.githubusercontent.com/vercel-labs/agent-browser/main/skills/agent-browser/SKILL.md
Советую попробовать!
Лайк, репост,
✔️ Тимур Хахалев про AI Coding, подписывайтесь!
Добавить комментарий