AIKraft/AI/Войти
AIKraft/Skills/ui-ux-pro-max

ui-ux-pro-max

Интеллект для UI/UX-дизайна веб, мобильных и десктоп-интерфейсов. Помогает при создании, проверке и исправлении компонентов, дизайн-систем, адаптивной верстки и доступности. Поддерживает 10 стеков, включая React, Next.js, Vue, Tailwind, shadcn/ui, Flutter и SwiftUI.

NLBNext Level Builder official Дизайн ★ 133k

Что делает навык

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

Когда применять

  • Проектирование новых страниц или создание/рефакторинг UI-компонентов (кнопки, модальные окна, формы).
  • Выбор систем цветов, типографики, отступов и макетов на основе типа продукта и ключевых слов.
  • Проверка интерфейсов на соответствие UX-гидлайнам, доступности (accessibility) и визуальной согласованности.
  • Реализация навигации, анимации (включая GSAP) и адаптивного поведения интерфейсов.

Как работает

  1. Определить, что задача касается UI-структуры, визуального дизайна, паттернов взаимодействия или качества UX.
  2. Применить приоритеты 1–10 для выбора категории правил, обращаясь к файлу references/quick-reference.md по запросу.
  3. Использовать параметр --domain <Domain> для получения полных деталей по конкретной категории.
  4. Использовать базу данных для поиска стилей, палитр, пар шрифтов и шаблонов (например, для SaaS, e-commerce, дашбордов).
  5. Генерировать рекомендации по паттернам, цветам, типографике и эффектам с учетом светлой/темной темы и платформы (iOS HIG, Material Design).
  6. Применять лучшие практики и правила оптимизации производительности, специфичные для выбранного стека (React, Vue, Flutter и др.).

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

Создай компонент карточки товара для SaaS-платформы, используя лучшие практики из UI/UX Pro Max.
Проверь текущую верстку формы на соответствие правилам доступности и UX-гидлайнам.
Подбери палитру цветов и пару шрифтов для мобильного приложения в стиле Material Design.

Что понадобится

  • Локальная база данных с файлами правил (включая references/quick-reference.md).

Описание составлено по SKILL.md навыка, сверено 05.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «nextlevelbuilder-ui-ux-pro-max» из репозитория: # https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r nextlevelbuilder-ui-ux-pro-max/ ~/.claude/skills/nextlevelbuilder-ui-ux-pro-max/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.