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
👀 Смотрите также
Gigacatalyst: Встройте ИИ-конструктор в ваш SaaS, чтобы пользователи могли создавать собственные рабочие процессы
Gigacatalyst позволяет встроить конструктор приложений на базе ИИ в ваш SaaS. Нетехнические пользователи описывают рабочие процессы на естественном языке, а система генерирует управляемые приложения, используя ваши API, модель данных и дизайн-систему — со встроенными аутентификацией, изоляцией клиентов и управлением версиями.
Джемма 4 E2B протестирована в роли координатора мультиагентов в TypeScript-фреймворке.
Разработчик протестировал Gemma 4 E2B в роли координатора в мультиагентной системе с использованием фреймворка open-multi-agent на TypeScript. Модель успешно декомпозировала задачи в JSON, назначала агентов, вызывала инструменты, такие как bash и файловые операции, и синтезировала результаты.
Офлайн: Использование аппаратного обеспечения телефона для автономных AI-приложений
Off Grid - это приложение с открытым исходным кодом, которое использует аппаратное обеспечение вашего телефона для выполнения оффлайн задач ИИ, таких как генерация текста и транскрипция голоса.
Два месяца с Spec-Kit от GitHub и Claude Code: что работает, что нет
Разработчик делится практическими заметками об использовании инструментария Spec-Driven Development от GitHub с Claude Code, охватывая пятифазовый рабочий процесс, проблемы рассинхронизации, компромиссы по накладным расходам и советы по настройке.