К основному содержанию
NeVibeCode · 22 карточки

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

22 карточки
hyperframes heygen-com скилл Скилл задаёт агенту правила рендера HTML-кода в видео через HyperFrames. Помогает собирать проморолики, эксплейнеры и титры прямо в коде проекта. Claude Code CX Codex Cursor +1 1 200 000установок ui-ux-pro-max nextlevelbuilder скилл Скилл подключает к агенту локальную базу из 119 UX-правил, 74 шрифтовых пар и 192 палитр. Помогает проектировать интерфейсы и проверять доступность. Claude Code CX Codex Cursor +1 413 800установок remotion-to-hyperframes heygen-com скилл Конвертирует код Remotion или видеофутажи в HyperFrames с покадровой проверкой оригинала через SSIM. Claude Code CX Codex Cursor +1 504 900установок 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установок 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установок fixing-motion-performance ibelick скилл Скилл находит и устраняет просадки FPS в анимациях: скролл-эффектах, размытиях и перерисовках макета. Помогает убрать подёргивания интерфейса без смены используемой библиотеки. Claude Code CX Codex Cursor +1 26 800установок motion-design LottieFiles скилл Скилл помогает проектировать анимации интерфейса: выбирать длительность, easing и последовательность движения. Пригодится для микровзаимодействий, загрузки и переходов между страницами. Claude Code CX Codex Cursor +1 19 700установок premium-frontend-ui официальный Utkarsh Patrikar скилл Направляет GitHub Copilot при создании визуально выразительных страниц и компонентов с анимацией. Подойдёт для лендинга или интерактивного портфолио. GitHub Copilot 4 900установок gsap-framer-scroll-animation официальный Utkarsh Patrikar скилл Скилл помогает создавать анимации, связанные со скроллом, через GSAP ScrollTrigger и Framer Motion. Подойдёт для React, Next.js и vanilla JS. GitHub Copilot 3 900установок landing Alireza Rezvani скилл Собирает одностраничный лендинг в одном HTML-файле: 3D-анимации на CSS, скролл-эффекты GSAP и параллакс за курсором. Claude Code 404установок scrollytelling-and-parallax-data-visualization официальный OpenAI скилл Помогает проектировать скроллителлинг и параллакс-визуализации данных. Пригодится, когда смену кадров, графиков или слоев карты нужно привязать к прокрутке страницы. CX Codex GP ChatGPT 13установок

Ещё в NeVibeCode

Спонсоры проекта

Компании, которые помогают держать аналитику открытой