Native DevTools

Native DevTools

sh3ll3x3cMIT
110 звёзд13 форков
Native DevTools решает проблему «слепоты» AI-агентов. Обычно нейросеть не видит графический интерфейс — она только читает текст. Этот сервер делает агента «зрячим»: передаёт ему скриншоты, OCR-результаты и дерево accessibility. Агент сам анализирует картинку и решает, куда нажать. Сервер выполняет команды напрямую, без посредников. Разработчики и тестировщики используют его для автоматизации рутинных задач: проверить интерфейс, заполнить форму, пройти регресс-тест, выполнить сценарий в браузере или на Android. Сервер работает на macOS, Windows и Android, а браузеры Chrome и Electron контролирует через CDP.
BrowserProductivity
Открыть на GitHub

Установка

npx -y native-devtools-mcp

Характеристики

Общее

  • СтатусСообщество
  • Разработчикsh3ll3x3c
  • ЛицензияMIT

Технологии

  • Языки
    Rust
  • Транспорт
    stdio

Описание

Возможности

  • Делает скриншоты всего экрана, активного окна или конкретного UI-элемента.
  • Извлекает текст из скриншотов с помощью встроенного OCR-движка.
  • Ищет элементы интерфейса по их accessibility-атрибутам: кнопки, поля ввода, метки.
  • Перемещает курсор, кликает, перетаскивает объекты, вводит текст и нажимает клавиши.
  • Получает список окон, меняет их положение и размер, сворачивает и разворачивает.
  • Контролирует браузеры Chrome, Edge и Electron-приложения напрямую через DevTools Protocol.
  • Подключается к Android-устройствам и эмуляторам, делает скриншоты, выполняет свайпы и вводит текст.
  • Запускает и завершает процессы на macOS и Windows.

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

Сервер не требует предварительной установки. Убедитесь, что Node.js версии 18 или выше установлен на компьютере.

Шаг 1. Запустите сервер в терминале:

npx -y native-devtools-mcp

Шаг 2. Добавьте запись в конфигурацию вашего MCP-клиента. Для Claude Desktop откройте файл claude_desktop_config.json и вставьте следующую запись:

{ "mcpServers": { "native-devtools": { "command": "npx", "args": ["-y", "native-devtools-mcp"] } } }

Если используете Claude Code, выполните команду:

claude mcp add native-devtools -- npx -y native-devtools-mcp

Шаг 3. Перезапустите клиент. Сервер автоматически запустится и будет готов к работе.

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

  • «Найди окно браузера Chrome, перейди на страницу логина, введи тестовые учётные данные и сделай скриншот результата».
  • «Проверь, что все пиктограммы в системной панели отображаются корректно, и отправь скриншот».
  • «Подключись к Android-устройству, открой приложение «Карты», введи адрес и проложи маршрут».
  • «Запусти Visual Studio Code, открой проект, найди все TODO-комментарии и запиши их в отчёт».

Технические детали

  • Язык реализации: Rust
  • Транспорт: stdio
  • Лицензия: MIT
  • Платформы: macOS, Windows, Android (браузеры через CDP)
  • Совместимость: Claude Desktop, Claude Code, Cursor, VS Code и другие MCP-клиенты с поддержкой stdio

Поделиться