# uimax-mcp

Проверяет интерфейс через скриншоты, Lighthouse, axe-core и анализ кода, а затем помогает исправить найденные проблемы.

- MCP-сервер · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI · ★ 10
- Автор: prembobby39-gif
- Лицензия: MIT · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/prembobby39-gif/uimax-mcp
- Обновлён: 2026-03-29
- HTML: https://affpapa.org/nevibecode/mcp/uimax-mcp

## Что делает

uimax-mcp принимает URL приложения и проводит проверку интерфейса. Он делает скриншот через Puppeteer, запускает Lighthouse и axe-core, измеряет Core Web Vitals, проверяет SEO-сигналы и анализирует исходный код через AST. Результат включает оценки Accessibility, Performance, Best Practices, SEO и Code Quality.

Сервер умеет проверять доступность по WCAG 2.1, находить анти-паттерны, сравнивать скриншоты, проверять тёмную тему и собирать HTML-отчёт. Claude Code получает методику ревью, может изменить файлы проекта и сохранить историю в `.uimax-reviews.json`.

Для проверки приложение должно быть доступно по URL, который виден вашей машине, включая localhost, staging или production. Без доступного адреса сервер не сможет снять скриншот и запустить аудит. API-ключи не нужны.

## Требования
- Нужно: Node.js (команды через npx)

## Установка

### Claude Code (родная платформа)

**Командой платформы**
```bash
claude mcp add uimax-mcp -- npx -y uimax-mcp
```

### Codex

**Командой платформы**
```bash
codex mcp add uimax-mcp -- npx -y uimax-mcp
```

### Cursor

**Файл настроек**
Файл `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "uimax-mcp": {
            "command": "npx",
            "args": [
                "-y",
                "uimax-mcp"
            ]
        }
    }
}
```

### GitHub Copilot

**Файл настроек**
Файл `.vscode/mcp.json`:
```json
{
    "servers": {
        "uimax-mcp": {
            "type": "stdio",
            "command": "npx",
            "args": [
                "-y",
                "uimax-mcp"
            ]
        }
    }
}
```

### Gemini CLI

**Командой платформы**
```bash
gemini mcp add uimax-mcp npx -y uimax-mcp
```

## Когда брать
- проверить интерфейс работающего приложения
- найти нарушения доступности WCAG 2.1
- измерить Core Web Vitals и оценки Lighthouse
- проанализировать исходный код на анти-паттерны
- сравнить состояние интерфейса до и после правок

## Примеры запросов агенту
- Проверь интерфейс по адресу `http://localhost:3000`, а исходный код возьми из `./src`.
- Сними адаптивные скриншоты приложения и найди проблемы с доступностью и SEO.
- Повтори аудит после правок и сравни результат с предыдущей проверкой.

## Похожие
- [accessibility](https://affpapa.org/nevibecode/skills/web-quality-skills-accessibility.md) — скилл · 64100 установок
- [web-quality-audit](https://affpapa.org/nevibecode/skills/web-quality-skills-web-quality-audit.md) — скилл · 32700 установок
- [Front-End Checklist](https://affpapa.org/nevibecode/mcp/front-end-checklist.md) — MCP-сервер · ★ 74569
- [lighthouse-mcp](https://affpapa.org/nevibecode/mcp/lighthouse-mcp.md) — MCP-сервер · ★ 214
- [browser-qa](https://affpapa.org/nevibecode/skills/browser-qa.md) — скилл · 4900 установок
- [a11y-debugging](https://affpapa.org/nevibecode/skills/a11y-debugging.md) — скилл · 3600 установок

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md