# DevTool MCP

Связывает агента с запущенным приложением: поднимает дев-сервер, ставит обратный прокси и собирает ошибки фронтенда. Полезен, когда агент правит UI вслепую.

- MCP-сервер · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI · ★ 22
- Автор: standardbeagle
- Лицензия: Apache-2.0 · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/standardbeagle/agnt
- Обновлён: 2026-10-24
- HTML: https://affpapa.org/nevibecode/mcp/devtool-mcp

## Что делает

DevTool MCP управляет процессами разработки и прокси, а ещё снимает диагностику фронтенда. Вместо того чтобы описывать агенту в чате, что сломалось на странице, вы отдаёте ему данные с работающего приложения: ошибки в консоли, сетевые запросы, состояние вёрстки.

Ставится он как обычный MCP-сервер и работает через `npx`. Для Claude хватит одной команды, для Cursor и GitHub Copilot придётся добавить запись в конфиг MCP: команда `npx`, аргументы `-y` и `@standardbeagle/devtool-mcp`. Ничего компилировать не нужно.

Без Node.js и `npx` в `PATH` сервер не запустится, потому что пакет тянется через них. Это стоит проверить до подключения к редактору.

## Требования
- Нужно: Node.js (команды через npx)

## Установка

### Claude Code (родная платформа)

**Командой платформы**
```bash
claude mcp add devtool-mcp -- npx -y @standardbeagle/devtool-mcp
```

### Codex

**Командой платформы**
```bash
codex mcp add devtool-mcp -- npx -y @standardbeagle/devtool-mcp
```

### Cursor

**Файл настроек**
Файл `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "devtool-mcp": {
            "command": "npx",
            "args": [
                "-y",
                "@standardbeagle/devtool-mcp"
            ]
        }
    }
}
```

### GitHub Copilot

**Файл настроек**
Файл `.vscode/mcp.json`:
```json
{
    "servers": {
        "devtool-mcp": {
            "type": "stdio",
            "command": "npx",
            "args": [
                "-y",
                "@standardbeagle/devtool-mcp"
            ]
        }
    }
}
```

### Gemini CLI

**Командой платформы**
```bash
gemini mcp add devtool-mcp npx -y @standardbeagle/devtool-mcp
```

## Когда брать
- поднять дев-сервер и прокси одной командой агента
- поймать ошибки JavaScript на живой странице
- посмотреть сетевые запросы без ручного копирования из DevTools
- проверить вёрстку на устройстве через туннель
- отдать агенту структурированные данные вместо текстового описания

## Примеры запросов агенту
- Запусти дев-сервер для проекта и покажи ошибки в консоли браузера
- Сними скриншот страницы и найди, почему кнопка уезжает за край
- Проверь сетевые запросы на странице оформления заказа

## Похожие
- [REA](https://affpapa.org/nevibecode/mcp/rea.md) — MCP-сервер · ★ 386989
- [GitHub](https://affpapa.org/nevibecode/mcp/github.md) — MCP-сервер · ★ 33918
- [Netdata](https://affpapa.org/nevibecode/mcp/netdata.md) — MCP-сервер · ★ 81115
- [browser-use](https://affpapa.org/nevibecode/mcp/browser-use.md) — MCP-сервер · ★ 119160
- [Codebase Memory](https://affpapa.org/nevibecode/mcp/codebase-memory.md) — MCP-сервер · ★ 47392
- [mcp-server](https://affpapa.org/nevibecode/mcp/mcp-server.md) — MCP-сервер · ★ 43872

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md