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

✍️ OpenClawRadar📅 Опубликовано: 26 марта 2026 г.🔗 Source
uimax-mcp: Бесплатный MCP-сервер для автоматического ревью и исправления фронтенд-кода с помощью Claude Code
Ad

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

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-отчёта
  • Настройка пользовательских правил
Ad

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

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

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

📖 Read the full source: r/ClaudeAI

Ad

👀 Смотрите также

Годоген: Навыки Клода в Кодировании для Полной Генерации Игр на Godot
Инструменты

Годоген: Навыки Клода в Кодировании для Полной Генерации Игр на Godot

Godogen — это открытый конвейер, который использует навыки Claude Code для создания полных, готовых к игре проектов Godot 4 из текстовых запросов. Он занимается проектированием архитектуры, генерацией 2D/3D-ассетов, написанием GDScript и визуальным тестированием, решая конкретные инженерные проблемы, такие как нехватка обучающих данных для GDScript и проблемы с состоянием во время сборки и выполнения.

OpenClawRadar
Открытый MCP-сервер позволяет ИИ-агентам обрабатывать платежи L402 через сеть Lightning.
Инструменты

Открытый MCP-сервер позволяет ИИ-агентам обрабатывать платежи L402 через сеть Lightning.

Плагин MCP для Python, созданный с помощью FastMCP, перехватывает HTTP-ответы 402 Payment Required, оплачивает счета Lightning Network и получает данные для ИИ-агентов. Репозиторий включает локальный тестовый агент для проверки без траты реальных средств.

OpenClawRadar
HF Viewer: Визуализируйте граф любой модели Hugging Face мгновенно
Инструменты

HF Viewer: Визуализируйте граф любой модели Hugging Face мгновенно

HF Viewer — это браузерный инструмент для интерактивной визуализации архитектуры любой модели Hugging Face. Вставьте URL или имя репозитория и изучайте граф без локальной настройки.

OpenClawRadar
Клод Код HUD: Терминальная панель для мониторинга сессий ИИ-программирования
Инструменты

Клод Код HUD: Терминальная панель для мониторинга сессий ИИ-программирования

claude-code-hud — это терминальная панель управления, которая обеспечивает мониторинг сессий Claude Code в реальном времени, показывая использование контекстного окна, ограничения скорости API и изменения файлов без необходимости в IDE. Запускается командой npx claude-code-hud.

OpenClawRadar