UI UX Pro Max: генератор дизайн-систем для AI-агента

UI UX Pro Max — открытый навык и локальная поисковая система дизайн-рекомендаций для 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. Если команда использует DESIGN.md как общий контракт, утверждённые правила нужно синхронизировать с ним осмысленно и без дублирования.

Установка

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

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

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

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

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

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 и Hallmark предлагают более категоричный арт-дирекшен и собственный процесс сборки страницы. Impeccable удобнее для точечного улучшения уже существующего компонента.