MCP для Claude — что выбрать ? «claude-in-chrome MCP» или «Playwright MCP» или «Puppeteer MCP» ?

Цель: Debug программы.

так а что выбрать ?
  или claude-in-chrome
или Chrome DevTools MCP — https://github.com/ChromeDevTools/chrome-devtools-mcp
  или Playwright MCP —
  или Puppeteer MCP — https://developer.chrome.com/docs/puppeteer?hl=ru

Для моего случая — однозначно Claude in Chrome.

	Claude in Chrome	Playwright MCP	Puppeteer MCP
Установка	Только расширение Chrome	npm пакет + настройка MCP	npm пакет + настройка MCP
Интеграция	Встроена в Claude Code	Отдельный MCP-сервер	Отдельный MCP-сервер
Браузер	Твой настоящий Chrome	Отдельный браузер Playwright	Отдельный Chrome/Chromium
Твои куки/сессии	Да	Нет	Нет
`speechSynthesis`	Работает (реальный Chrome)	Может не работать (headless)	Может не работать (headless)
Для кого	Отладка/тестирование вручную	CI/CD, автотесты	CI/CD, автотесты

Вывод: Playwright/Puppeteer — инструменты для автоматизированного тестирования в pipeline. Для твоего проекта (отладка PWA с speechSynthesis в реальном Chrome) они избыточны и проблематичны — speechSynthesis в headless-режиме часто не работает.

Claude in Chrome — это именно то что нужно: твой реальный Chrome, минимальная настройка, можно сразу открыть index.html и смотреть что происходит.

Playwright/Puppeteer MCP — это классические MCP-серверы:

Запускаются как отдельный процесс (npx @playwright/mcp)
Общаются с Claude Code по протоколу MCP (stdio/HTTP)
Настраиваются в settings.json в секции mcpServers

Claude in Chrome — другая архитектура:

Это Chrome-расширение + native messaging host (механизм Chrome, не MCP)
Подключается к Claude Code напрямую через именованный pipe (Windows)
Настраивается флагом --chrome или командой /chrome, не через mcpServers

Но — внутри Claude Code его инструменты отображаются в /mcp под именем claude-in-chrome. Поэтому с точки зрения пользователя выглядит как MCP, но под капотом — нативный протокол Chrome.

Проще говоря:

Playwright MCP:  Claude Code ←[MCP/stdio]→ npx процесс → Playwright → Chrome
Claude in Chrome: Claude Code ←[named pipe]→ Chrome Extension → твой Chrome

Claude in Chrome — прямее и ближе к реальному браузеру.

Pipe (труба) — это способ передачи данных между двумя процессами на одном компьютере.

Аналогия: как водопроводная труба, только вместо воды — данные.

Chrome Extension  ──[pipe]──►  Claude Code
     "нажми кнопку"              получает команду

Именованный pipe на Windows — это специальный файл-канал с именем, например:

\\.\pipe\claude-code-browser

Два процесса договариваются об имени и общаются через него — быстро, без сети, без HTTP.

В отличие от MCP (который может работать через HTTP/stdio), именованный pipe — чисто Windows-механизм для локального межпроцессного общения (IPC).

Как установить (1 минута через браузер):

Открой Chrome
Перейди по ссылке: https://claude.com/chrome
Нажми «Add to Chrome» → «Add extension»
Войди в аккаунт

«Claude in Chrome» — именно тот мост который позволяет читать консоль и посылать туда команды!

Как это работает

VS Code (Claude Code) ←→ Native Messaging ←→ Claude in Chrome (extension) ←→ Chrome

Расширение «Claude in Chrome» — это мост между мной в VS Code и браузером Chrome.

Что я смогу делать после подключения

Читать консоль — ошибки, логи при загрузке страниц
Выполнять JS в браузере
Открывать вкладки, кликать, заполнять формы
Читать DOM страниц
Тестировать локальный сервер (например localhost:3000)
Записывать GIF взаимодействий

Как подключить (после установки расширения)

В терминале VS Code:

claude --chrome

Или прямо в чате со мной: /chrome

Требования


Claude Code	версия ≥ 2.0.73
Claude in Chrome	версия ≥ 1.0.36
Аккаунт	платный (Pro/Max/Teams)

Порядок действий

Установи расширение «Claude in Chrome» из Chrome Web Store
Войди в аккаунт в расширении
В VS Code запусти /chrome
Дай разрешения на сайты

После этого я смогу, например: «Открой localhost:3000, проверь консоль на ошибки и исправь код.»