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
📖 Read the full source: r/ClaudeAI
👀 Смотрите также
Клод как компилятор: Практический пересмотр подхода к разработке ИИ
В посте на Reddit утверждается, что Claude Code функционирует как компилятор, переводящий английский язык в работающее программное обеспечение, проводя параллели с историческими прорывами в вычислительной технике, такими как A-0 Грейс Хоппер и FORTRAN. Автор описывает генерацию 400 строк кода в 6 файлах из трёх абзацев описания на английском, обнаружив две проблемы за 25 минут.
Инди-разработчик развернул полный сайт игровой студии через Claude Code, включая слой данных Steam API
Инди-разработчик использовал Claude Code для создания и развертывания сайта студии без использования терминала, включая слой данных, который получает актуальную информацию из Steam API.
Claude-First Analytics MCP Server: предоставление AI-агентам прямого доступа к контексту веб-аналитики
Разработчик перестроил свой инструмент веб-аналитики в виде MCP-сервера, предоставив простую веб-аналитику, отслеживаемые ссылки и инструменты аналитики продукта напрямую Claude, что позволяет AI-агентам использовать данные сайта вместе с кодом и контекстом базы данных.
Обзор Claude: Плагин IntelliJ для проверки кода в реальном времени с помощью Claude Code
Claude Review — это плагин с открытым исходным кодом для IntelliJ, который автоматически проверяет изменения в коде при каждом сохранении файла с помощью Claude Code. Он отправляет неиндексированные git-диффы в Claude с настраиваемыми промптами и отображает результаты в виде нативных аннотаций IntelliJ.