NeVibeCode · 2 133 карточки
Скиллы по теме «Дизайн»
Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов.
fintech-banking скилл Задаёт правила анимации интерфейсов для банковских приложений, платежей и дашбордов. Помогает настроить переходы так, чтобы интерфейс вызывал доверие к безопасности денег.
CX Codex +1
535установок
gaming-entertainment скилл Скилл для анимаций в игровых приложениях, стриминговых сервисах и интерактивных медиа: раскладывает 12 принципов Disney по элементам интерфейса.
CX Codex +1
535установок
accessibility-advocate скилл Скилл помогает настраивать анимации интерфейса с учётом вестибулярных нарушений и требований WCAG. Пригодится при вёрстке компонентов и подготовке стилей для prefers-reduced-motion.
CX Codex +1
533установок
frontend-ui-ux-design скилл Скилл организует процесс проектирования интерфейсов: от сбора требований и вайрфреймов до проверки доступности по WCAG и спецификаций компонентов для фронтенда.
CX Codex +1
536установок
modals-dialogs скилл Набор правил анимации диалоговых окон, модалок и поповеров по 12 принципам анимации Диснея. Помогает настроить плавное появление и закрытие оверлеев.
CX Codex +1
528установок
ux-researcher скилл Помогает агенту планировать исследования о том, как анимация влияет на восприятие, ошибки и время выполнения задачи.
CX Codex +1
527установок
entrance-animations скилл Скилл задаёт правила появления интерфейсных элементов: диалоговых окон, карточек, тултипов и списков. Он переносит принципы анимации Диснея в CSS с точным таймингом.
CX Codex +1
527установок
excitement-energy скилл Скилл задаёт правила и тайминги для динамичных интерфейсных анимаций. Пригодится при вёрстке промо-страниц, геймификации, стриминговых и спортивных приложений.
CX Codex +1
526установок
spatial-thinking скилл Скилл для ИИ-агента, который заставляет думать о кадре как о трёхмерном пространстве: глубина, перспектива, объём. Пригодится, когда персонаж плывёт над полом или камера едет не туда.
CX Codex +1
526установок
arc-mastery скилл Скилл для анимации движения: объясняет, почему прямые линии выглядят механически, и как строить дуги в UI, персонажах и играх.
CX Codex +1
525установок
animator-traditional скилл Переносит классические 12 принципов диснеевской анимации и покадровую работу в контекст ИИ-агента. Помогает продумать тайминг и выразительность ключевых поз.
CX Codex +1
527установок
joy-delight скилл Скилл задаёт правила и тайминги для радостных UI-анимаций по принципам Disney. Помогает анимировать награды, конфетти и экраны успеха.
CX Codex +1
522установок
design-systems-frontend-architecture скилл Помогает агенту превратить решения по UI и бренду в переиспользуемые компоненты, токены и правила вёрстки.
CX Codex +1
635установок
animate скилл Добавляет в интерфейс движение: переходы, микроинтеракции, жесты и состояния наведения. Пригодится, когда UI кажется мёртвым или дёргается при частом использовании.
CX Codex +1
607установок
micro-100-200ms скилл Скилл для микроанимаций длительностью 100–200 мс: подсказки, выпадающие меню, мелкая обратная связь. Помогает подобрать тайминг и кривые.
CX Codex +1
521установок
calm-relaxation скилл Скилл для ИИ-кодинга, который задаёт правила плавных и тихих анимаций: длинные тайминги, мягкие кривые, никаких резких движений.
CX Codex +1
521установок
squash-stretch-mastery скилл Обучает агента принципу сжатия и растяжения: настраивает отклик интерфейсов и прыжков с сохранением объёма объекта.
CX Codex +1
522установок
staging-mastery скилл Свод правил по сценической расстановке в анимации и интерфейсах. Помогает сфокусировать внимание пользователя на одном главном действии за раз.
CX Codex +1
520установок
slow-in-out-mastery скилл Скилл для ИИ-агента, который подсказывает, какую кривую ускорения и замедления выбрать в анимации интерфейса или персонажа.
CX Codex +1
520установок
brand-consistency скилл Скилл разбирает анимацию, которая выбивается из стиля бренда, и подсказывает, что поправить: тайминги, кривые, уровень выразительности.
CX Codex +1
520установок
setup скилл Собирает дизайн-контекст проекта, исследуя код и опрашивая разработчика, затем сохраняет UX-цели и стек в файл .better-web-ui.md.
CX Codex +1
605установок
attention-grabbers скилл Скилл для ИИ-агента, который подсказывает, как делать пульсации бейджей, тряску ошибок и подсветку новых функций по принципам Disney.
CX Codex +1
519установок
appeal-mastery скилл Скилл про appeal — качество, из-за которого на анимацию хочется смотреть. Помогает проектировать персонажей, микро-взаимодействия и переходы так, чтобы они читались и запоминались.
CX Codex +1
519установок
anticipation-payoff скилл Скилл учит ИИ-агента выстраивать фазы подготовки и отдачи в анимации. Пригодится при проектировании динамичных сцен, гэгов и акцентных движений в интерфейсе или играх.
CX Codex +1
519установок
ui-ux-pro-max скилл Подбирает стили, шрифтовые пары, семантические палитры и правила вёрстки интерфейса с приоритетом доступности и скорости загрузки.
CX Codex +1
1 200установок
performance-optimization скилл Помогает находить и устранять просадки FPS и рывки в анимациях интерфейса по принципам Диснея.
CX Codex +1
516установок
react-spring скилл Скилл показывает, как собрать все 12 принципов анимации Disney на физике пружин React Spring — с готовыми примерами под каждый принцип.
CX Codex +1
516установок
anticipation-mastery скилл Скилл объясняет принцип anticipation и подсказывает агенту, где добавить подготовительное движение, чтобы анимация не выглядела резкой.
CX Codex +1
516установок
enterprise-b2b скилл Скилл задаёт правила анимации для B2B-интерфейсов и панелей управления. Помогает выстроить переходы и тайминги без лишней декоративности.
CX Codex +1
515установок
follow-through-overlapping скилл Скилл учит агента принципам инерции и смещения фаз в анимации. Пригодится при вёрстке интерфейсных переходов, раскадровке персонажей и кинетической типографике.
CX Codex +1
514установок
expo-liquid-glass скилл Помогает собрать стеклянные интерфейсы в Expo React Native: четыре пути реализации, проверки доступности и откат на Android.
CX Codex +1
478установок
cards-containers скилл Набор правил анимации карточек, плиток и контейнеров по 12 принципам Диснея. Помогает настроить физику перетаскивания, подъём при наведении и раскрытие списков.
CX Codex +1
513установок
hierarchy скилл Скилл разбирает интерфейс по визуальной иерархии: где главное действие теряется, что спорит за внимание и какие подписи мешают читать.
CX Codex +1
606установок
universal-emotion скилл Скилл переводит заданную эмоцию в параметры анимации: тайминги, изинг, деформацию. Пригодится, когда нужно, чтобы интерфейс ощущался спокойным, резким или игривым.
CX Codex +1
511установок
designing-frontend-interfaces скилл Скилл заставляет агента сначала написать дизайн-бриф и зафиксировать токены, а уже потом писать компоненты. Пригодится, когда интерфейс выглядит как типовой вывод ИИ.
CX Codex +1
642установок
timing-principle-mastery скилл Скилл обучает ассистента подбирать точную длительность и ритм анимаций в интерфейсах или играх. Помогает настроить переходы, когда движение кажется слишком резким или затянутым.
CX Codex +1
510установок
forms-inputs скилл Скилл учит агента анимировать поля ввода, текстовые области и селекты: подсказки по таймингам, состояниям и CSS-переходам для понятной обратной связи.
CX Codex +1
509установок
loaders-spinners скилл Помогает проектировать спиннеры, индикаторы загрузки и скелетоны по 12 принципам анимации Диснея. Подходит для вёрстки живых UI-состояний в CSS.
CX Codex +1
508установок
orchestrated-sequences скилл Скилл для сборки многочастных анимаций: подсказывает, как расставить задержки, кривые и роли элементов, чтобы появление выглядело одним движением.
CX Codex +1
508установок
promo-video скилл Скилл настраивает сборку промо-видео на Remotion: анимирует зачёркивание старой цены, таймер и промокод. Помогает генерировать пачки роликов для распродаж из JSON.
CX Codex +1
693установок
1 681–1 720 из 2 133
