Це навчальний посібник для початку роботи з BrowserMCP.

🚀 Навчання AI "мати очі" і "руки": Посібник для новачків BrowserMCP

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

BrowserMCP створений саме для цього. Це міст, який з'єднує ваш помічник AI і браузер Chrome, дозволяючи AI "бачити" світ і виконувати дії через браузер.

🛠 Підготовчі роботи

Перед початком переконайтеся, що у вас встановлено наступне програмне забезпечення:

Node.js: основа для роботи сервісу (обов’язково встановити).
Інструменти AI, що підтримують MCP: наразі підтримують 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 підсумовує інформацію і відповідає вам.

💡 Поради щодо використання

Що можна зробити?

"Допоможи мені підсумувати вміст цієї веб-сторінки."

"Перевір, що нового у Issue цього проекту на GitHub."

"Допоможи мені заповнити цей тестовий формуляр (потрібно надати дані)."

Тепер ваш AI більше не обмежений чат-інтерфейсом — спробуйте дати йому команду "зависнути" у мережі! 🌊

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