# ui-ux-suite

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

- MCP-сервер · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed · ★ 7
- Автор: Aboudjem
- Лицензия: MIT · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/Aboudjem/ui-ux-suite
- Обновлён: 2026-09-06
- HTML: https://affpapa.org/nevibecode/mcp/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 не требуется, а результаты не покидают вашу машину.

## Установка

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

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

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

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

## Похожие
- [ui-ux-designer](https://affpapa.org/nevibecode/skills/ui-ux-designer.md) — скилл · 3100 установок
- [ui-ux-pro-max](https://affpapa.org/nevibecode/skills/pixel-process-ug-ui-ux-pro-max.md) — скилл · 1200 установок
- [frontend-design-review](https://affpapa.org/nevibecode/skills/dauquangthanh-frontend-design-review.md) — скилл · 458 установок
- [gem-designer](https://affpapa.org/nevibecode/agents/gem-designer.md) — субагент · ★ 40451
- [color-palette-extractor](https://affpapa.org/nevibecode/skills/color-palette-extractor.md) — скилл · 609 установок
- [ui-web](https://affpapa.org/nevibecode/skills/ui-web.md) — скилл · 393 установки

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