Ошибки и скорость сайта

Chrome DevTools MCP

Подключает ИИ к инструментам разработчика в Chrome. Помощник сам замеряет скорость страницы, читает ошибки и объясняет, что именно тормозит или ломается.

Что умеет

Действия, которые сервер открывает для ИИ. Моноширинным шрифтом — их технические названия.

  • Замеряет скорость загрузки и находит, что тормозитperformance_start_trace
  • Читает ошибки в консоли браузераlist_console_messages
  • Показывает сетевые запросы и их времяlist_network_requests
  • Открывает страницы, кликает, делает скриншотыnavigate_page · take_screenshot

Примеры запросов

Скопируйте и отправьте в чат после подключения.

Открой dailyprompts.ru, замерь скорость загрузки главной и назови три главные причины задержек.

Зайди на страницу оформления заказа, найди ошибки в консоли и объясни простыми словами, что сломалось.

Как подключить

Выберите приложение, в котором работаете с ИИ.

  1. Понадобится: Node.js 20 или новее, Google Chrome.
  2. Откройте Claude → Настройки → Разработчик → «Изменить конфиг».
  3. Вставьте блок ниже в файл. Если в файле уже есть «mcpServers», добавьте внутрь только ваш сервер.
  4. Сохраните файл и перезапустите Claude — в чате появится значок подключённых инструментов.
claude_desktop_config.json
{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": [
        "-y",
        "chrome-devtools-mcp@latest"
      ]
    }
  }
}

Безопасность

По умолчанию сервер запускает отдельный профиль Chrome: ваши сохранённые пароли и открытые вкладки ему не видны.

Похожие серверы

Открывает страницу по ссылке и превращает её в чистый текст. Удобно, чтобы пересказать длинную статью или сравнить несколько материалов.

ПоискБез ключаОфициальный

Даёт ИИ доступ к одной выбранной папке: найти документ, переименовать файлы пачкой, разложить загрузки по местам.

ФайлыБез ключаОфициальный

Создаёт базу Prisma Postgres, меняет её структуру и открывает данные в Prisma Studio — прямо из разговора с ИИ.

Базы данныхНужен ключ или входЗвёзд на GitHub: 47 604