Установка скиллов и плагинов OpenClaw осуществляется на ваш страх и риск. Все файлы были получены из открытых источников и предоставляются «как есть». Мы не гарантируем их корректную работу, безопасность или совместимость с вашей системой. Перед установкой настоятельно рекомендуется ознакомиться с содержимым кода и убедиться, что вы понимаете, какие изменения будут внесены в вашу систему.
UI/UX Pro Max — это продвинутый скилл для создания дизайн-систем, UX-флоу и готовых интерфейсов с минимальным количеством итераций. Он объединяет дизайн-мышление и практическую реализацию, помогая быстро переходить от идеи к продакшен-коду. :
Что делает этот скилл
Инструмент предназначен для проектирования интерфейсов, UX-логики и систем дизайна. Он помогает не только сформировать визуальную концепцию, но и перевести её в конкретные решения — от токенов до изменений в коде. :
- генерация UI-макетов и визуального стиля
- построение UX-сценариев и пользовательских потоков
- создание дизайн-систем (цвета, типографика, отступы)
- преобразование UX-решений в код (React, Tailwind и др.)
- аудит доступности и улучшение интерфейсов
Как работает UI/UX Pro Max
Скилл использует структурированный подход, позволяющий получать качественный результат без лишних уточнений.
1. Triage — быстрый сбор контекста
На этом этапе уточняются ключевые параметры проекта:
- платформа: web / iOS / Android / desktop
- стек: React, Next.js, Vue, Svelte, Tailwind и др.
- цели: конверсия, скорость, бренд, доступность
- исходные данные: Figma, скриншоты, репозиторий, user flow
Если требуется «всё сразу» (дизайн + UX + код + дизайн-система), задача разбивается на последовательные этапы. :
2. Создание результатов (Deliverables)
Скилл генерирует конкретные и прикладные артефакты:
- UI-концепция и layout — сетка, типографика, цветовая система, ключевые экраны
- UX-flow — пользовательские сценарии, критические пути, состояния (ошибки, загрузка, пустые экраны)
- Дизайн-система — токены, правила компонентов, accessibility
- План реализации — изменения на уровне файлов и компонентов
3. Использование встроенных данных
Внутри скилла есть база дизайн-интеллекта:
- палитры, паттерны и UX-эвристики
- референсы и примеры формулировок
Это позволяет опираться на проверенные практики и ускоряет принятие решений. :
4. Генерация дизайн-системы
При необходимости используется встроенный скрипт генерации токенов:
python3 skills/ui-ux-pro-max/scripts/design_system.py --helpОн автоматически формирует структуру дизайн-системы, включая:
- шкалу отступов и типографики
- цветовые токены
- состояния компонентов
- правила доступности и контраста
Ключевые преимущества
- минимум итераций между идеей и реализацией
- конкретные, применимые результаты
- поддержка современных фронтенд-стеков
- фокус на доступности и UX-деталях
- единая система от концепции до кода
UI/UX Pro Max — это не просто инструмент для дизайна, а полноценный мост между продуктовым мышлением и разработкой, позволяющий создавать интерфейсы уровня production быстрее и системнее.
Файл из источника