uimax-mcp — MCP-сервер для Claude Code: обзор и установка
Проверяет интерфейс через скриншоты, Lighthouse, axe-core и анализ кода, а затем помогает исправить найденные проблемы.
claude mcp add uimax-mcp -- npx -y uimax-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-ключи не нужны.
Какие задачи решает
- проверить интерфейс работающего приложения
- найти нарушения доступности WCAG 2.1
- измерить Core Web Vitals и оценки Lighthouse
- проанализировать исходный код на анти-паттерны
- сравнить состояние интерфейса до и после правок
Примеры запросов агенту
- Проверь интерфейс по адресу
http://localhost:3000, а исходный код возьми из./src. - Сними адаптивные скриншоты приложения и найди проблемы с доступностью и SEO.
- Повтори аудит после правок и сравни результат с предыдущей проверкой.
Как установить uimax-mcp
Командой платформы
claude mcp add uimax-mcp -- npx -y uimax-mcpКомандой платформы
codex mcp add uimax-mcp -- npx -y uimax-mcpФайл настроек
{
"mcpServers": {
"uimax-mcp": {
"command": "npx",
"args": [
"-y",
"uimax-mcp"
]
}
}
}Файл настроек
{
"servers": {
"uimax-mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"uimax-mcp"
]
}
}
}Командой платформы
gemini mcp add uimax-mcp npx -y uimax-mcpПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о uimax-mcp
Как установить uimax-mcp в Claude Code?
Выполните claude mcp add uimax-mcp -- npx -y uimax-mcp.
Что делает uimax-mcp?
Сервер снимает скриншоты, запускает Lighthouse и axe-core, измеряет производительность, проверяет SEO и анализирует код. Claude Code получает данные ревью и может применить исправления к файлам проекта.
Нужен ли API-ключ для работы uimax-mcp?
Нет, API-ключи не нужны. Для аудита приложение должно быть доступно по URL с вашей машины.
