uimax-mcp: Бесплатный MCP-сервер для ревью фронтенд-кода

Автоматизированный конвейер проверки фронтенда

MCP-сервер uimax-mcp был создан для автоматизации повторяющегося рабочего процесса: запрос к Claude выступить в роли эксперта по фронтенду для проверки кода, а затем использование Claude Code для внедрения предложенных исправлений. Этот инструмент упаковывает весь этот процесс в единый автоматизированный конвейер.

Основной функционал

По команде review my UI at localhost:3000 инструмент выполняет следующие действия:

Делает реальный скриншот вашего работающего приложения с помощью Puppeteer
Запускает аудит Google Lighthouse для оценки Производительности, Доступности, Лучших практик и SEO
Выполняет аудит доступности axe-core WCAG 2.1
Сканирует исходный код на наличие 25+ антипаттернов
Возвращает все данные в Claude Code со встроенной методологией экспертной проверки
Claude Code генерирует отчёт и автоматически внедряет исправления

Дополнительные возможности

MCP включает 12 инструментов в общей сложности:

Сравнение скриншотов до и после
Проверка адаптивности вьюпорта
Обнаружение тёмного режима
Экспорт автономного HTML-отчёта
Настройка пользовательских правил

Установка и использование

Установка одной командой:

claude mcp add uimax -- npx -y uimax-mcp@latest

Инструмент полностью бесплатен для пользователей Pro-плана, не требует API-ключей и не влечёт дополнительных затрат. MCP собирает данные, а Claude Code (используя вашу существующую подписку) выполняет экспертный анализ и исправления.

Результаты тестирования в реальных условиях

Во время тестирования на реальных проектах инструмент обнаружил 109 проблем в коде одного приложения, включая 32 проблемы с доступностью с клавиатуры, на выявление которых вручную ушло бы более 30 минут.