---
title: "UI UX Pro Max: генератор дизайн-систем для AI-агента"
description: Как UI UX Pro Max подбирает структуру страницы, стиль, цвета и типографику по типу продукта, поддерживает разные стеки и проверяет интерфейсные правила.
---

[UI UX Pro Max](https://github.com/nextlevelbuilder/ui-ux-pro-max-skill) — открытый навык и локальная поисковая система дизайн-рекомендаций для AI-агентов. Он превращает запрос вроде «сделай лендинг для стоматологической клиники» в структурированное направление: паттерн страницы, визуальный стиль, палитру, шрифтовую пару, эффекты, антипаттерны и предсдачный чек-лист.

Это инструмент проектирования и реализации интерфейса в коде, а не самостоятельный визуальный редактор. Рекомендации направляют агента, но не доказывают, что выбранное направление подходит конкретному бренду и пользователям.

## Как работает генератор

Навык выполняет поиск по нескольким локальным наборам данных: типам продуктов, стилям, палитрам, структурам лендингов и типографике. Затем reasoning engine сопоставляет категорию продукта с правилами и ранжирует подходящие варианты с помощью BM25.

В открытой версии заявлены 192 категории продуктов и связанные с ними палитры, 80 индексируемых стилей, из которых 51 участвует в обычных рекомендациях, 34 паттерна лендингов, 74 шрифтовые пары и правила для 22 стеков. Есть отдельные рекомендации для графиков, UX, иконок, RTL-интерфейсов и адаптивного текста.

На выходе получается не набор разрозненных советов, а согласованный черновик дизайн-системы. Например, для сервиса записи навык может предложить последовательность секций, доверительные элементы, место CTA и ограничения по анимации. Эти решения остаются отправной точкой для исследования, а не отраслевым законом.

## Где полезен

- **Старт нового интерфейса.** Быстро получить вариант системы до написания компонентов.
- **Смена темы существующего приложения.** Сначала проверить версии фреймворков, семантические токены и hard-coded значения, затем менять компоненты небольшими партиями.
- **Выбор решений для стека.** Получить рекомендации для React, Next.js, Vue, Nuxt, Svelte, Astro, Laravel, SwiftUI, React Native и других поддерживаемых платформ.
- **Проверка частых UI-ошибок.** Найти правила для длинных заголовков, chips и badges, клавиатурного фокуса, `prefers-reduced-motion`, контраста и локализации.

Для долгосрочной работы генератор умеет сохранять `MASTER.md` и страничные overrides в каталоге `design-system/`. Это собственная иерархия UI UX Pro Max, а не автоматическая замена [DESIGN.md](https://wpcraft.ru/kb/design/ai/design-md.md). Если команда использует `DESIGN.md` как общий контракт, утверждённые правила нужно синхронизировать с ним осмысленно и без дублирования.

## Установка

Основной способ — CLI-пакет `ui-ux-pro-max-cli`. Для разовой установки в проект без глобального пакета:

```bash
npx ui-ux-pro-max-cli init --ai claude
```

Для универсального размещения в `.agents/skills/`:

```bash
npx ui-ux-pro-max-cli init --ai universal
```

Для локального поискового скрипта требуется Python 3; он использует стандартную библиотеку и не выполняет сетевые запросы. Пример генерации системы после установки для Claude Code:

```bash
python3 .claude/skills/ui-ux-pro-max/scripts/search.py "SaaS analytics dashboard" --design-system -f markdown
```

Перед применением рекомендаций запрос должен включать тип продукта, аудиторию, задачу, стек и существующие ограничения. Одного названия отрасли недостаточно.

## Ограничения

Каталог создаёт ощущение объективности, но рекомендации отражают выбор авторов данных. Палитра с формально подходящим контрастом не решает иерархию, понятность сценария или фирменную узнаваемость. Проверять нужно готовый интерфейс, а не только текстовый чек-лист.

Открытая версия распространяется по MIT. Расширенные brand-, logo-, presentation- и asset-возможности вынесены автором в отдельную premium-версию; не следует считать их частью репозитория.

## Чем отличается от соседних навыков

UI UX Pro Max силён в поиске и структурировании вариантов. [Taste Skill](https://wpcraft.ru/kb/design/ai/skills/taste-skill.md) и [Hallmark](https://wpcraft.ru/kb/design/ai/skills/hallmark.md) предлагают более категоричный арт-дирекшен и собственный процесс сборки страницы. [Impeccable](https://wpcraft.ru/kb/design/ai/skills/impeccable.md) удобнее для точечного улучшения уже существующего компонента.

## Материалы и источники

- [UI UX Pro Max на GitHub](https://github.com/nextlevelbuilder/ui-ux-pro-max-skill)
- [Официальный сайт проекта](https://www.uupm.cc/)
- [Открытая спецификация Agent Skills](https://agentskills.io/)