uimax-mcp: Бесплатный MCP-сервер для автоматического ревью и исправления фронтенд-кода с помощью Claude Code

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

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 минут.

Доступность

Исходный код доступен на GitHub: https://github.com/prembobby39-gif/uimax-mcp

Пакет доступен на npm: https://npmjs.com/package/uimax-mcp