Резюме
Комплексный интеллект дизайна для веб и мобильного UI/UX на 10 технологических стеках.
-
Включает более 50 стилей дизайна, 161 цветовых палитр, 57 сочетаний шрифтов и 99 руководств UX с правилами приоритета для доступности, сенсорного взаимодействия, производительности и адаптивной верстки
-
Поисковая база данных с генератором дизайн-системы, который рекомендует шаблоны, цвета, типографику и эффекты на основе типа продукта и ключевых слов; поддерживает светлый/тёмный режим и платформенно-специфические руководства (iOS HIG, Material Design, React Native)
-
Охватывает 10 стеков (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, HTML/CSS) с практиками, ориентированными на конкретную реализацию, и правилами оптимизации производительности
-
Предоставляет 25 типов диаграмм, 161 образцов типов продуктов и готовые шаблоны для сайтов, лендингов, панелей мониторинга, административных панелей, электронной коммерции, SaaS, портфолио, блогов и мобильных приложений с библиотеками компонентов (кнопки, модальные окна, формы, таблицы, карточки, диаграммы)
UI/UX Pro Max - Дизайн-интеллект
Поисковая база данных правил UI/UX дизайна с рекомендациями, основанными на приоритетах: 84 стиля, 192 цветовых палитр, 74 сочетания шрифтов, 192 типа продуктов с правилами обоснования, 98 руководств UX, 104 записей иконок, 16 пресетов анимации GSAP и 25 типов диаграмм на 22 технологических стеках.
Когда применять
Используйте этот навык, когда задача связана с UI-структурой, решениями по визуальному дизайну, паттернами взаимодействия или контролем качества UX: проектирование новых страниц, создание/рефакторинг UI-компонентов, выбор цветовой палитры, типографики, отступов и систем макета/раскладки, обзор UI на предмет UX, доступности и согласованности, реализация навигации/анимации/адаптивного поведения, или повышение воспринимаемого качества и удобства использования.
Исключайте это для чистой бэкенд-логики, проектирования API/баз данных, невизуальной работы по производительности, инфраструктуры/DevOps или невизуальных скриптов — если задача не изменяет то, как что-то выглядит, ощущается, движется или взаимодействуется с ним.
Категории правил по приоритету
Следуйте приоритетам 1→10, чтобы определить, на какую категорию сосредоточиться в первую очередь; используйте --domain <Domain> для запроса полной информации. Полный текст правила для каждой категории хранится в references/quick-reference.md — читайте по требованию, а не загружайте его каждый раз.
Показать еще