Навык ищет рекомендации по UI/UX и помогает проектировать, проверять и дорабатывать интерфейсы для web, mobile и desktop. Он подбирает визуальное направление, правила UX и рекомендации для конкретного технологического стека.

Возможности

Ищет по локальной базе: 79 стилей, 192 палитры и профиля продуктов, 74 сочетания шрифтов, 119 UX-рекомендаций, 105 иконок, 17 пресетов GSAP, 25 типов диаграмм и 22 стека.
Генерирует дизайн-систему с паттернами, стилем, цветами, типографикой, эффектами и анти-паттернами.
Находит рекомендации по отдельным темам: доступность, адаптивная вёрстка, формы, навигация, анимация, диаграммы.
Даёт рекомендации для стека, определённого по проекту, например react, nextjs, flutter или swiftui.
Может сохранять дизайн-систему в design-system/<project-slug>/MASTER.md и правила для отдельных страниц.

Когда использовать

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

Примеры

Создать дизайн-систему для страницы AI-поиска:

python "${CLAUDE_PLUGIN_ROOT}/.claude/skills/ui-ux-pro-max/scripts/search.py" "AI search tool modern minimal" --design-system -p "AI Search"

Найти рекомендации по доступности модального окна:

python "${CLAUDE_PLUGIN_ROOT}/.claude/skills/ui-ux-pro-max/scripts/search.py" "keyboard focus modal" --domain ux

Получить рекомендации для Next.js:

python "${CLAUDE_PLUGIN_ROOT}/.claude/skills/ui-ux-pro-max/scripts/search.py" "suspense streaming bundle" --stack nextjs

Установка

npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill ui-ux-pro-max