Скиллы и MCP с тегом «animation»

hyperframes heygen-com скилл Скилл задаёт агенту правила рендера HTML-кода в видео через HyperFrames. Помогает собирать проморолики, эксплейнеры и титры прямо в коде проекта. Claude Code CX Codex Cursor +1 1 200 000установок hyperframes-registry heygen-com скилл Находит и добавляет в проект около 450 готовых визуальных блоков HyperFrames — от титров до шейдеров. Пригодится, когда видеоэффект проще взять из базы, чем верстать с нуля. Claude Code CX Codex Cursor +1 1 000 000установок remotion-to-hyperframes heygen-com скилл Конвертирует код Remotion или видеофутажи в HyperFrames с покадровой проверкой оригинала через SSIM. Claude Code CX Codex Cursor +1 504 900установок emil-design-eng emilkowalski скилл Скилл задаёт правила для полировки интерфейсов, компонентов и анимаций. Пригодится, когда UI работает, но требует более точных состояний и переходов. Claude Code CX Codex Cursor +1 385 500установок review-animations emilkowalski скилл Проверяет код интерфейсных анимаций по принципам Эмиля Ковальски. Помогает убрать дерганые переходы, медленный ease-in и лишнюю нагрузку на процессор. Claude Code CX Codex Cursor +1 254 100установок apple-design emilkowalski скилл Переносит принципы физического интерфейса Apple с докладов WWDC в веб на CSS, Pointer Events и Motion. Пригодится при верстке жестов, шторки и прерываемых пружин. Claude Code CX Codex Cursor +1 242 100установок animation-vocabulary emilkowalski скилл Скилл подбирает точный термин для описанной веб-анимации. Пригодится, когда эффект нужно понятно назвать для промпта или дизайнера. Claude Code CX Codex Cursor +1 236 900установок improve-animations emilkowalski скилл Скилл проводит ревизию анимаций в кодовой базе и составляет готовые планы доработок. Помогает найти неудачные тайминги и прыгающие элементы, не меняя код напрямую. Claude Code CX Codex Cursor +1 222 000установок find-animation-opportunities emilkowalski скилл Ищет в коде и интерфейсе места для уместной анимации, а лишние варианты отбрасывает. Подходит для проверки идеи «сделать интерфейс живее». Claude Code CX Codex Cursor +1 206 800установок prototype emilkowalski скилл Скилл собирает несколько по-настоящему разных вариантов одного куска UI и ставит их за визуальный пикер: переключаете на ходу и выбираете тот, что нравится больше. Claude Code CX Codex Cursor +1 172 400установок animate emilkowalski скилл Создаёт анимации интерфейса с нуля по принципам Эмиля Ковальски. Пригодится при верстке переходов или оживлении компонентов. Claude Code CX Codex Cursor +1 170 400установок remotion-markup remotion-dev скилл Скилл задаёт правила написания React-разметки для Remotion: анимации через кадры, работа с медиа и эффектами. Пригодится, если вы собираете видео кодом. Claude Code CX Codex Cursor +1 202 600установок gsap-scrolltrigger greensock скилл Обучает ИИ-агента писать анимации по скроллу с плагином ScrollTrigger от GreenSock: закреплять секции и связывать таймлайны с прокруткой через scrub. Claude Code CX Codex Cursor +1 71 600установок gsap-performance greensock скилл Официальный скилл GSAP по производительности: подсказывает агенту, какие свойства анимировать, а какие ломают кадры. Пригодится, когда анимация дёргается. Claude Code CX Codex Cursor +1 68 800установок gsap-timeline greensock скилл Скилл помогает собирать последовательности GSAP-анимаций, управлять таймингом и воспроизведением. Нужен для многошаговых и параллельных сцен. Claude Code CX Codex Cursor +1 68 500установок gsap-plugins greensock скилл Скилл объясняет, как подключать и использовать плагины GSAP: ScrollTo, Flip, Draggable, SplitText и другие. Пригодится, когда анимации в проекте уже на GSAP. Claude Code CX Codex Cursor +1 66 600установок gsap-react greensock скилл Скилл подсказывает, как создавать анимации GSAP в React и Next.js, ограничивать их область действия и очищать при размонтировании компонента. Claude Code CX Codex Cursor +1 65 800установок animation-performance emilkowalski скилл Диагностический скилл, который ищет причину пропущенных кадров в веб-анимациях и подсказывает, какой свойство анимировать вместо дорогого. Claude Code CX Codex Cursor +1 34 700установок gsap-utils greensock скилл Скилл помогает агенту работать с утилитами gsap.utils: диапазонами, случайными значениями, привязкой к шагу и коллекциями. Пригодится для анимаций на GSAP. Claude Code CX Codex Cursor +1 64 700установок gsap-frameworks greensock скилл Официальный скилл GSAP для Vue, Nuxt, Svelte и SvelteKit. Подсказывает, где создавать анимации и как чистить их при размонтировании. Claude Code CX Codex Cursor +1 62 000установок frost-sequence-camera-orbit heygen-com скилл Скилл собирает 22.5-секундную сцену: камера облетает ледяной логотип, он рассыпается, собирается в два текста и растворяется. Claude Code CX Codex Cursor +1 9 800установок orbit-card heygen-com скилл Скилл для встраивания готового 10-секундного 3D-блока HyperFrames: карточка фичи облетает сферу из точек по траектории камеры из Blender. Claude Code CX Codex Cursor +1 9 800установок canopy-part-title heygen-com скилл Блок HyperFrames, в котором плотный слой листьев пролетает через кадр, расходится и открывает заголовок. Пригодится, когда нужна готовая анимированная плашка с двумя строками текста. Claude Code CX Codex Cursor +1 9 800установок code-slice-hero heygen-com скилл Анимирует смену заголовка сеткой плиток с переворотом ячеек через WebGL 2 и Canvas 2D. Пригодится для сборки витрин и заставок с хронометражем 8 s в разрешении 1920×1080. Claude Code CX Codex Cursor +1 9 800установок glass-shard-title heygen-com скилл Собирает заголовок из осколков стекла: они летят сквозь туман, поворачиваются и складываются в буквы. Готовый блок HyperFrames 1920×1080 на 12.16 с. Claude Code CX Codex Cursor +1 9 800установок cuboid-carousel heygen-com скилл Скилл собирает 3D-карусель из скруглённых параллелепипедов с контентом: они влетают справа, едут волной и уходят влево. Пригодится для промо-роликов и титров. Claude Code CX Codex Cursor +1 9 800установок better-ui jakubkrehel скилл Скилл задаёт точные правила для радиусов, теней, иконок и анимаций интерфейса. Пригодится, когда базовые взаимодействия уже работают и нужна визуальная доводка. Claude Code CX Codex Cursor +1 38 900установок fixing-motion-performance ibelick скилл Скилл находит и устраняет просадки FPS в анимациях: скролл-эффектах, размытиях и перерисовках макета. Помогает убрать подёргивания интерфейса без смены используемой библиотеки. Claude Code CX Codex Cursor +1 26 800установок blender-motion-state-inspection affaan-m скилл Помогает проверить персонажей и анимацию в Blender по реальным координатам костей, когда обычных скриншотов недостаточно. Claude Code CX Codex Cursor +1 4 900установок remotion-video-creation affaan-m скилл Скилл подсказывает агенту правила работы с Remotion в React: от анимаций и звука до субтитров, графиков и переходов. Пригодится при сборке видео из React-компонентов. Claude Code CX Codex Cursor +1 4 800установок motion-advanced jeff скилл Паттерны сложной анимации и жестов для React и Next.js: драг-энд-дроп, цепочки через useAnimate и SVG. Помогает настроить физику интерфейса без лишних рендеров. Claude Code CX Codex Cursor +1 4 600установок manim-video affaan-m скилл Собирает технические объясняющие ролики в Manim: графики, схемы систем и продуктовые walkthrough. Подходит, когда нужна точная анимация вместо talking-head сценария. Claude Code CX Codex Cursor +1 4 600установок motion-foundations jeff скилл Задаёт токены движения, пружинные пресеты, правила производительности и поддержку prefers-reduced-motion. Фундамент для остальных motion-скиллов. Claude Code CX Codex Cursor +1 4 600установок motion-patterns jeff скилл Скилл добавляет готовые паттерны анимации для React и Next.js. Подойдёт, когда нужно оформить кнопку, модальное окно, toast, переход страницы или scroll-reveal. Claude Code CX Codex Cursor +1 4 600установок hatch-pet официальный openai скилл Создаёт и упаковывает анимированных питомцев и спрайт-листы для Codex. Пригодится, когда нужен персонаж по описанию, изображению или фирменным ориентирам. Claude Code CX Codex Cursor +1 3 300установок text-to-lottie diffusionstudio скилл Генерирует, редактирует и чинит анимации Lottie JSON для локального плеера Skia Skottie. Пригодится при сборке интерфейсных лоадеров, титров и графиков. Claude Code CX Codex Cursor +1 10 600установок motion-design LottieFiles скилл Скилл помогает проектировать анимации интерфейса: выбирать длительность, easing и последовательность движения. Пригодится для микровзаимодействий, загрузки и переходов между страницами. Claude Code CX Codex Cursor +1 19 700установок transitions-polish Jakubantalik скилл Скилл проверяет уже существующие анимации и подбирает токены для времени, расстояния, масштаба, blur и easing. Пригодится для точной настройки motion. Claude Code CX Codex Cursor +1 10 600установок explain-interface jakubkrehel скилл Разбирает чужие веб-интерфейсы, анимации и визуальные эффекты по ссылке или скриншоту. Помогает понять, из каких слоёв и стилей собран элемент. Claude Code CX Codex Cursor +1 13 900установок premium-frontend-ui официальный Utkarsh Patrikar скилл Направляет GitHub Copilot при создании визуально выразительных страниц и компонентов с анимацией. Подойдёт для лендинга или интерактивного портфолио. GitHub Copilot 4 900установок