# Whoogy

Сравнивает макет Figma с живым сайтом и возвращает отчёт о расхождениях прямо в чат с агентом.

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

## Что делает

Whoogy — удалённый MCP-сервер. Он берёт файл Figma и корневой адрес сайта, сам находит соответствия между фреймами и страницами, а затем сравнивает вёрстку с макетом. В отчёте — оценка схожести и список проблем с типом (отступы, шрифты, цвет, раскладка, пропавшие блоки) и уровнем важности.

Работает через OAuth 2.1 + PKCE: Claude регистрируется как OAuth-клиент, вы один раз подтверждаете вход в аккаунт Whoogy, и дальше все вызовы идут от вашего имени. Токен — это JWT на 60 дней, refresh-токенов нет, по истечении Claude заново проходит авторизацию. Сравнение страниц тратит кредиты Whoogy, по одному на страницу, поэтому перед запуском стоит вызвать `check_credits` и посмотреть остаток.

Типичный сценарий: `start_scan`, опрос `get_scan_status`, `list_discovered_pages`, подтверждение списка страниц, `run_selected_pages`, снова опрос статуса, затем `get_report` и `get_visual_diff` для картинки «до/после» по конкретной странице. Для файлов Figma на бесплатном или ограниченном тарифе есть отдельный путь через плагин Whoogy: `create_plugin_session`, `check_plugin_ingest`, `run_scan_from_ingest`, а также `duplicate_figma_file`, который копирует файл в командный аккаунт Whoogy.

## Требования
- Удалённый сервер: `https://mcp.whoogy.com/mcp`

## Установка

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

**Командой платформы: удалённый сервер**
```bash
claude mcp add --transport http whoogy-mcp https://mcp.whoogy.com/mcp
```

### Codex

**Командой платформы: удалённый сервер**
```bash
codex mcp add whoogy --url https://mcp.whoogy.com/mcp
```

### Cursor

**Файл настроек**
Файл `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "whoogy": {
            "url": "https://mcp.whoogy.com/mcp"
        }
    }
}
```

### GitHub Copilot

**Файл настроек**
Файл `.vscode/mcp.json`:
```json
{
    "servers": {
        "whoogy": {
            "type": "http",
            "url": "https://mcp.whoogy.com/mcp"
        }
    }
}
```

### Gemini CLI

**Командой платформы: удалённый сервер**
```bash
gemini mcp add -t http whoogy https://mcp.whoogy.com/mcp
```

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

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

## Похожие
- [design-qa](https://affpapa.org/nevibecode/skills/plugin87-design-qa.md) — скилл · 516 установок
- [design-qa-checklist](https://affpapa.org/nevibecode/skills/design-qa-checklist.md) — скилл · 2200 установок
- [visual-regression-tester](https://affpapa.org/nevibecode/skills/visual-regression-tester.md) — скилл · 330 установок
- [lastest](https://affpapa.org/nevibecode/mcp/lastest.md) — MCP-сервер · ★ 21
- [pixelpact](https://affpapa.org/nevibecode/mcp/pixelpact.md) — MCP-сервер · ★ 16
- [argent-screenshot-diff](https://affpapa.org/nevibecode/skills/argent-screenshot-diff.md) — скилл · 25000 установок

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