NeVibeCode · 33 карточки
motion: скиллы и MCP-серверы
Карточки с тегом «motion»: скиллы и MCP-серверы. Что делает каждая, команда установки и примеры запросов.
figma скилл Импортирует ассеты, токены бренда и компоненты из Figma в проект HyperFrames и собирает из кадров анимацию. Пригодится, когда нужно оживить макет, а не вставлять статичные картинки.
CX Codex +1
334 000установок
review-animations скилл Проверяет код интерфейсных анимаций по принципам Эмиля Ковальски. Помогает убрать дерганые переходы, медленный ease-in и лишнюю нагрузку на процессор.
CX Codex +1
256 500установок
apple-design скилл Переносит принципы физического интерфейса Apple с докладов WWDC в веб на CSS, Pointer Events и Motion. Пригодится при верстке жестов, шторки и прерываемых пружин.
CX Codex +1
244 500установок
improve-animations скилл Скилл проводит ревизию анимаций в кодовой базе и составляет готовые планы доработок. Помогает найти неудачные тайминги и прыгающие элементы, не меняя код напрямую.
CX Codex +1
224 200установок
animate скилл Создаёт анимации интерфейса с нуля по принципам Эмиля Ковальски. Пригодится при верстке переходов или оживлении компонентов.
CX Codex +1
172 700установок
fixing-motion-performance скилл Скилл находит и устраняет просадки FPS в анимациях: скролл-эффектах, размытиях и перерисовках макета. Помогает убрать подёргивания интерфейса без смены используемой библиотеки.
CX Codex +1
26 900установок
baseline-ui скилл Очищает фронтенд-код от типичных артефактов нейросетей: правит отступы, сетку, шрифты и анимации. Пригодится для быстрой полировки интерфейса перед релизом.
CX Codex +1
24 200установок
motion-advanced скилл Паттерны сложной анимации и жестов для React и Next.js: драг-энд-дроп, цепочки через useAnimate и SVG. Помогает настроить физику интерфейса без лишних рендеров.
CX Codex +1
4 600установок
motion-foundations скилл Задаёт токены движения, пружинные пресеты, правила производительности и поддержку prefers-reduced-motion. Фундамент для остальных motion-скиллов.
CX Codex +1
4 700установок
motion-patterns скилл Скилл добавляет готовые паттерны анимации для React и Next.js. Подойдёт, когда нужно оформить кнопку, модальное окно, toast, переход страницы или scroll-reveal.
CX Codex +1
4 700установок
transitions-polish скилл Скилл проверяет уже существующие анимации и подбирает токены для времени, расстояния, масштаба, blur и easing. Пригодится для точной настройки motion.
CX Codex +1
10 800установок
after-hours-editorial-template скилл Создаёт роскошные тёмные презентации в стиле haute couture с премиальной типографикой и кинематографическими переходами. Подходит для модных лукбуков и брендовых питчей.
CX Codex +1
2 800установок
emilkowalski-motion скилл Добавляет микровзаимодействия, переходы состояний и анимацию к готовому интерфейсу. Работает после того, как макет или компонент уже собран.
CX Codex +1
2 300установок
top-design скилл Скилл направляет агента на создание веб-интерфейсов уровня Awwwards с акцентной типографикой, выверенной анимацией и оценкой макета по десятибалльной шкале.
CX Codex +1
7 100установок
motion-framer скилл Помогает агенту добавлять анимации Motion и Framer Motion в React-интерфейсы: от эффектов наведения до переходов между состояниями.
CX Codex +1
5 900установок
animation-principles скилл Скилл для настройки одной конкретной анимации в интерфейсе: подбирает easing, длительность и порядок движения элементов.
CX Codex +1
2 200установок
ui-animation скилл Скилл проектирует, проверяет и разбирает анимацию интерфейсов: пружины, жесты, прокрутку и переходы. Пригодится при работе с движением и звуками UI.
CX Codex +1
10 400установок
logo-animation скилл Скилл для ИИ-кодинга, который собирает анимацию логотипа: интро, сплэш, лоадер, отрисовку SVG-знака. Работает в вебе, видео и мобильных приложениях.
CX Codex +1
2 800установок
motion-effects скилл Собирает один из 16 моушн-эффектов в вашем бренде как зацикленный HTML-файл на 8 секунд, который покадрово выгружается в MP4 или GIF.
CX Codex +1
1 500установок
framer-motion скилл Подсказывает агенту правила работы с Framer Motion и Motion в React: анимации раскладки, жесты и хуки без лишних ререндеров.
CX Codex +1
990установок
framer-motion скилл Задаёт агенту правила анимаций на Motion: что анимировать, а что ломает раскладку. Пригодится, когда в проекте уже есть React и TypeScript.
CX Codex +1
3 000установок
motion скилл Скилл по библиотеке Motion для React: подсказывает, как собрать drag-and-drop, scroll-анимации и переходы макета. Пригодится, когда агент путает пропсы или ломает exit-анимации.
CX Codex +1
1 100установок
motion-and-storytelling скилл Скилл для проектирования переходов, скролл-анимаций и онбординга. Подсказывает тайминги, easing и стаггер, когда анимация нужна, а не «для красоты».
CX Codex +1
894установок
physics-intuition скилл Скилл для анимации: помогает агенту сделать движение весомым — падения, прыжки, столкновения и инерцию.
CX Codex +1
569установок
ux-researcher скилл Помогает агенту планировать исследования о том, как анимация влияет на восприятие, ошибки и время выполнения задачи.
CX Codex +1
525установок
animate скилл Добавляет в интерфейс движение: переходы, микроинтеракции, жесты и состояния наведения. Пригодится, когда UI кажется мёртвым или дёргается при частом использовании.
CX Codex +1
607установок
Animation Principles - Novice скилл Скилл разбирает 12 принципов анимации и даёт конкретные упражнения, чтобы применить их в простых проектах. Пригодится, когда база уже есть, а практики не хватает.
CX Codex +1
488установок
Animation Principles - Absolute Beginner скилл Объясняет 12 принципов анимации самыми простыми словами. Пригодится, если вы впервые берётесь за движение в интерфейсе или игре.
CX Codex +1
486установок
problem-diagnosis скилл Помогает найти, какой принцип анимации нарушен, когда движение выглядит неправильно, но непонятно почему.
CX Codex +1
487установок
universal-industry скилл Скилл с базовыми настройками анимации по 12 принципам Disney: тайминги, easing и правила для интерфейсов, когда отраслевых гайдлайнов нет.
CX Codex +1
485установок
figma-use-motion
официальный скилл Скилл добавляет use_figma контекст для анимации узлов Figma: ключевых кадров, easing, animation styles и длительности таймлайна.
CX Codex GP ChatGPT
5установок
video-delivery-specs скилл Скилл собирает требования платформ к видео: соотношения, битрейт, безопасные зоны, субтитры и чек-лист перед сдачей.
CX Codex +1
598установок
Arc UI MCP-сервер Подключает к AI-агенту документацию библиотеки Arc UI с анимациями на Motion. Помогает искать параметры компонентов и команды установки через shadcn CLI.
CX Codex +1
★ 968звёзд репо
