Это учебное пособие по началу работы с BrowserMCP.

🚀 Позвольте ИИ "получить глаза и руки": Руководство для новичков по BrowserMCP

Задумывались ли вы, если ваш часто используемый помощник AI (например, Cursor или Claude Desktop) сможет не только писать код, общаться, но и напрямую управлять вашим браузером для поиска информации, заполнения форм или сбора данных с веб-страниц, насколько это было бы удобно?

BrowserMCP создан именно для этого. Он как мост, соединяющий вашего помощника AI и браузер Chrome, позволяя AI "видеть" мир через браузер и выполнять действия.

🛠️ Подготовка

Перед началом убедитесь, что у вас установлено следующее программное обеспечение:

Node.js: основа для запуска сервиса (обязательно для установки).
Поддерживающие MCP AI-инструменты: в настоящее время поддерживаются Cursor, Claude Desktop, Windsurf или VS Code.
Браузер Chrome (или браузер на базе Chromium).

⚡️ Быстрый старт за три шага

Шаг 1: Настройка "мозга" (MCP Server)

Сначала нужно сообщить вашему AI, как подключиться к сервису BrowserMCP. В качестве примера возьмем Cursor (Claude Desktop аналогично):
Откройте панель настроек Cursor.
Найдите вкладку "Tools" (инструменты).
Нажмите "New MCP server" (создать новый MCP сервер).
Введите следующую информацию в конфигурационное поле:

{
"mcpServers": {
"browsermcp": {
"command": "npx",
"args": ["@browsermcp/mcp@latest"]
}
}
}

Нажмите сохранить/обновить. AI уже готово отправлять команды.

Шаг 2: Установка "двух рук" (расширение для браузера)

Далее необходимо установить "приемник" в браузер для выполнения команд, отправленных AI.

Перейдите на официальный сайт BrowserMCP или в магазин расширений и установите расширение Browser MCP.

📌 Важный шаг: после установки рекомендуется закрепить (Pin) иконку расширения на панели инструментов браузера для удобства.

Кликните по иконке Browser MCP в правом верхнем углу браузера.
Нажмите кнопку "Connect" (подключиться).
Обратите внимание: этот шаг соединяет текущую вкладку с AI. Все последующие действия будут проходить в этой вкладке.

Шаг 3: Свидетельство магии (автоматизации)
Все готово! Теперь вернитесь к вашему инструменту AI (например, интерфейсу чата Cursor) и дайте команду, как обычно:

Пользователь: Открой Google, найди "Browser MCP" и скажи, какая первая ссылка в результатах поиска.

Что происходит за кулисами?

Cursor передает ваши слова через протокол MCP на локальный сервер.

Сервер переводит команду расширению браузера.

Расширение автоматически переходит на Google, вводит текст, нажимает поиск.
Расширение читает содержимое страницы и отправляет его обратно в Cursor.
Cursor подытоживает содержимое и отвечает вам.

💡 Советы по использованию

Что можно делать?

"Помоги мне кратко изложить содержание этой веб-страницы."

"Посмотри на GitHub, в чем последний Issue этого проекта."

"Заполни для меня этот тестовый бланк (нужно предоставить данные)."

Теперь ваш AI больше не ограничен чатом — попробуйте заставить его серфить в интернете!🌊

Видео демонстрация