Назад до блогу
Пояснення4 хв читання
Що змінює MCP для AI-автоматизації браузерів
MCP дає агентам структурований шар інструментів. Завдяки цьому Claude Code, Codex, Cursor та інші можуть керувати реальними браузерами через спільну семантику.
20 бер. 2026 р.Проблема до MCP
До появи MCP підключення AI-агента до зовнішніх інструментів означало користувацькі інтеграції для кожної комбінації. Хочеш, щоб Claude Code керував браузером? Напиши плагін. Хочеш те ж саме для Cursor? Напиши інший плагін. Кожен AI-агент мав свій формат розширень, свою API-поверхню та свій спосіб виявлення інструментів.
Для автоматизації браузера це означало створення та підтримку окремих інтеграцій для кожного AI-агента — незважаючи на те, що базові команди браузера (navigate, click, fill, screenshot) ідентичні.
Що таке MCP насправді
MCP (Model Context Protocol) — це стандарт, який визначає, як AI-агенти виявляють та використовують зовнішні інструменти. Думай про нього як про USB-C порт для ШІ: один роз'єм, багато пристроїв. MCP-сервер надає набір інструментів з типізованими входами та виходами. Будь-який сумісний з MCP AI-агент може підключитися до нього та одразу використовувати ці інструменти.
Протокол визначає три речі:
- Виявлення інструментів — Агент запитує "які інструменти у вас є?" і отримує список з назвами, описами та схемами параметрів.
- Виконання інструментів — Агент викликає інструмент з конкретними параметрами та отримує структурований результат.
- Транспорт — Як агент та сервер спілкуються. Зазвичай stdio (локальний процес) або HTTP (віддалений сервер).
// MCP-сервер надає інструменти так:
{
"name": "browser_parallel_navigate",
"description": "Navigate all active browser sessions to a URL",
"parameters": {
"url": { "type": "string", "description": "Target URL" }
}
}
// AI-агент викликає його як будь-який інший інструмент:
> "Open google.com in all browsers"
// Агент автоматично відображає це на:
browser_parallel_navigate({ url: "https://google.com" })
Чому це важливо для автоматизації браузера
Автоматизація браузера через MCP принципово змінює модель взаємодії. Замість написання скриптів, які ламаються при змінах сторінок, ти описуєш те, що хочеш, природною мовою, а AI-агент з'ясовує, які інструменти використовувати.
Це працює, тому що MCP надає агенту структуровані контракти інструментів:
- Агент точно знає, що робить кожен інструмент, які параметри він приймає та що повертає
- Описи інструментів допомагають агенту вибрати правильний інструмент для кожної ситуації
- Типізовані параметри запобігають неправильно сформованим запитам
- Структуровані відповіді дозволяють агенту міркувати про результати та вирішувати наступні кроки
Порівняй це з автоматизацією на основі підказок, де ти вставляєш Playwright-скрипт у ChatGPT і сподіваєшся, що він спрацює. MCP-інструменти детерміновані — `browser_parallel_click({ ref: "submit" })` завжди клікає кнопку submit. ШІ займається плануванням; інструменти займаються виконанням.
Один сервер, багато агентів
Найбільша практична перевага MCP — це написати один раз, використовувати скрізь. Ornold MCP надає 40+ інструментів автоматизації браузера через один сервер. Будь-який сумісний з MCP агент може їх використовувати:
- Claude Code — терміналний AI-агент від Anthropic
- Codex — AI-агент для кодування від OpenAI (CLI та десктопна програма)
- Cursor — редактор коду з ШІ
- Windsurf — AI IDE від Codeium
- Cline — відкритий AI-помічник для кодування для VS Code
- VS Code Copilot — AI-помічник GitHub з підтримкою MCP
Налаштування майже ідентичне для кожного агента — встанови MCP-сервер, надай свій токен, і агент отримує доступ до всіх інструментів браузера. Не потрібні специфічні для агента плагіни чи розширення.
// Одна й та ж конфігурація MCP-сервера працює для всіх агентів:
{
"mcpServers": {
"ornold-browser": {
"command": "npx",
"args": ["ornold-mcp", "--token", "YOUR_TOKEN", "--linken-port", "40080"]
}
}
}
Формат конфігурації дещо відрізняється між агентами (JSON для Claude Code, TOML для Codex, JSON для Cursor), але команда MCP-сервера та аргументи завжди однакові.
Як MCP дозволяє планування та повторні спроби
Оскільки MCP-інструменти мають структуровані входи та виходи, AI-агенти можуть планувати багатокрокові робочі процеси та розумно обробляти збої. Агент не просто виконує фіксований скрипт — він спостерігає результати та адаптується.
Приклад: агент переходить на сторінку реєстрації, заповнює форму та зустрічає CAPTCHA. Без MCP скрипт впав би або потребував жорстко закодованого обробника CAPTCHA. З MCP агент:
- Бачить CAPTCHA в знімку сторінки або скриншоті
- Розпізнає, що йому потрібен інструмент `browser_solve_captcha`
- Викликає розв'язувач та чекає результату
- Перевіряє, чи успішно розв'язана CAPTCHA
- Повторює спробу при необхідності або продовжує відправку форми
Така адаптивна поведінка виникає з комбінації структурованих інструментів (MCP) та міркування мовної моделі. Агент розуміє, що робить кожен інструмент, і може об'єднувати їх на основі того, що він спостерігає.
MCP vs фреймворки автоматизації браузера
MCP не замінює Playwright, Puppeteer чи Selenium. Він розташований над ними. Ornold використовує CDP (Chrome DevTools Protocol) під капотом — той же протокол, який використовують Playwright та Puppeteer. Різниця в тому, хто пише логіку автоматизації.
- Playwright/Puppeteer — Ти пишеш скрипт. Ти обробляєш селектори, очікування, повторні спроби та випадки помилок. Скрипт детерміністичний, але крихкий.
- MCP + AI-агент — ШІ пише логіку на льоту. Ти описуєш мету природною мовою. Агент вибирає інструменти, обробляє помилки та адаптується до змін сторінки. Більш стійкий, але менш передбачуваний.
Для робочих процесів антидетекту, де сторінки відрізняються між профілями та сесіями, адаптивний підхід часто перемагає. Тобі не потрібно передбачати кожен можливий стан сторінки — ШІ природно обробляє розбіжності.
Початок роботи
Налаштування автоматизації браузера MCP займає близько 5 хвилин:
- Встанови Node.js 20+, якщо його ще немає
- Створи обліковий запис на mcp.ornold.com та отримай API-токен
- Додай Ornold MCP-сервер до конфігурації свого AI-агента
- Запусти свій браузер антидетекту та спілкуйся зі ШІ
Для детальних інструкцій з налаштування див. посібники для конкретних агентів:
- Claude Code + Ornold MCP — Повний посібник з налаштування Claude Code
- Codex + Ornold MCP — Посібник з налаштування OpenAI Codex CLI та десктопної програми
- Dolphin Anty MCP Setup — Підключення Dolphin Anty
- Linken Sphere MCP Setup — Підключення Linken Sphere