MCP-сервер CX Codex

ui-ux-suite — MCP-сервер для Claude Code: аудит UI и установка

Q: Как установить ui-ux-suite в Claude Code?

Добавьте MCP-сервер командой `claude mcp add ui-ux-suite -- npx -y ui-ux-suite --mcp`.

Проверяет UI-проект по 12 измерениям, связывая найденные проблемы с файлами, строками и конкретными исправлениями. Нужен для аудита доступности и дизайна.

Открыть на GitHub

Что делает ui-ux-suite

ui-ux-suite читает CSS, JSX, HTML и классы Tailwind, затем выдаёт оценку проекта по 12 измерениям на основе WCAG 2.2 и APCA. Для найденной проблемы он показывает файл, строку, селектор, измеренное значение и замену «до» и «после». Проектные замечания тоже попадают в отчёт, но без привязки к одной строке.

MCP-сервер предоставляет агенту 16 инструментов и 14 скиллов. Его можно подключить к Claude Code или Codex через npx -y ui-ux-suite --mcp; для других поддерживаемых редакторов используется та же команда в конфигурации MCP. Сервер только проверяет проект и не изменяет исходные файлы.

Для установки пакета как dev dependency нужен Node 18 или новее. Ключ API не требуется, а результаты не покидают вашу машину.

Какие задачи решает

проверить контраст текста и фона по WCAG 2.2
найти проблемный селектор и строку в CSS
получить оценку интерфейса по 12 измерениям
сформировать отчёт в Markdown, JSON, HTML или SARIF
завалить CI при падении оценки или новой находке

Примеры запросов агенту

Проведи аудит дизайна этого проекта и покажи проблемы с файлами и строками.
Проверь доступность интерфейса, измерь контраст и предложи точные значения для исправления.
Сформируй отчёт аудита в формате SARIF для GitHub code scanning.

Как установить ui-ux-suite

Установка

Команды запуска нет в реестре MCP — смотрите README репозитория

По шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие

Вопросы о ui-ux-suite

Как установить ui-ux-suite в Claude Code?

Добавьте MCP-сервер командой claude mcp add ui-ux-suite -- npx -y ui-ux-suite --mcp.

Что делает ui-ux-suite?

Сервер проверяет CSS, JSX, HTML и классы Tailwind по 12 измерениям, включая WCAG 2.2 и APCA. Он связывает находки с файлами, строками и вариантами исправлений.

Нужен ли ключ API для работы ui-ux-suite?

Нет. Сервер работает локально и не отправляет результаты за пределы машины.

Похожие MCP-серверы

Все MCP-серверы по теме «Дизайн» →

Next AI Draw.io DayuanJiang MCP-сервер строит диаграммы draw.io по файлам проекта и показывает их на редактируемом холсте в браузере. Подходит, когда агент и вы работаете над одной схемой. CX Codex +1 ★ 36 398звёзд репо tldraw tldraw Даёт агенту интерактивный холст tldraw: он может рисовать, менять объекты и сохранять состояние между обращениями. CX Codex +1 ★ 51 091звёзд репо Figma-Context-MCP GLips MCP-сервер передаёт агенту разметку и стили из макетов Figma. Помогает собирать интерфейс по ссылке на фрейм без ручной нарезки скриншотов. CX Codex +1 ★ 16 062звёзд репо Agent-Native Assets BuilderIO MCP-сервер помогает загружать, упорядочивать и находить цифровые материалы, а также создавать изображения и видео в стиле бренда. CX Codex +1 ★ 7 506звёзд репо Remove AI Watermarks wiltodelta MCP-сервер ищет и удаляет видимые AI-метки, скрытые водяные знаки и метаданные из изображений и видео, которыми вы владеете. CX Codex +1 ★ 6 114звёзд репо Dembrandt dembrandt Снимает с любой страницы цвета, шрифты, отступы и компоненты и отдаёт их агенту как дизайн-токены. Пригодится, когда нужно перенести чужой стиль в свой проект. CX Codex +1 ★ 3 821звёзд репо