NeVibeCode · 22 карточки
Скиллы и MCP с тегом «gsap»
hyperframes скилл Скилл задаёт агенту правила рендера HTML-кода в видео через HyperFrames. Помогает собирать проморолики, эксплейнеры и титры прямо в коде проекта.
Claude Code CX Codex Cursor +1
1 200 000установок
ui-ux-pro-max скилл Скилл подключает к агенту локальную базу из 119 UX-правил, 74 шрифтовых пар и 192 палитр. Помогает проектировать интерфейсы и проверять доступность.
Claude Code CX Codex Cursor +1
413 800установок
remotion-to-hyperframes скилл Конвертирует код Remotion или видеофутажи в HyperFrames с покадровой проверкой оригинала через SSIM.
Claude Code CX Codex Cursor +1
504 900установок
gsap-scrolltrigger скилл Обучает ИИ-агента писать анимации по скроллу с плагином ScrollTrigger от GreenSock: закреплять секции и связывать таймлайны с прокруткой через scrub.
Claude Code CX Codex Cursor +1
71 600установок
gsap-performance скилл Официальный скилл GSAP по производительности: подсказывает агенту, какие свойства анимировать, а какие ломают кадры. Пригодится, когда анимация дёргается.
Claude Code CX Codex Cursor +1
68 800установок
gsap-timeline скилл Скилл помогает собирать последовательности GSAP-анимаций, управлять таймингом и воспроизведением. Нужен для многошаговых и параллельных сцен.
Claude Code CX Codex Cursor +1
68 500установок
gsap-plugins скилл Скилл объясняет, как подключать и использовать плагины GSAP: ScrollTo, Flip, Draggable, SplitText и другие. Пригодится, когда анимации в проекте уже на GSAP.
Claude Code CX Codex Cursor +1
66 600установок
gsap-react скилл Скилл подсказывает, как создавать анимации GSAP в React и Next.js, ограничивать их область действия и очищать при размонтировании компонента.
Claude Code CX Codex Cursor +1
65 800установок
gsap-utils скилл Скилл помогает агенту работать с утилитами gsap.utils: диапазонами, случайными значениями, привязкой к шагу и коллекциями. Пригодится для анимаций на GSAP.
Claude Code CX Codex Cursor +1
64 700установок
gsap-frameworks скилл Официальный скилл GSAP для Vue, Nuxt, Svelte и SvelteKit. Подсказывает, где создавать анимации и как чистить их при размонтировании.
Claude Code CX Codex Cursor +1
62 000установок
frost-sequence-camera-orbit скилл Скилл собирает 22.5-секундную сцену: камера облетает ледяной логотип, он рассыпается, собирается в два текста и растворяется.
Claude Code CX Codex Cursor +1
9 800установок
orbit-card скилл Скилл для встраивания готового 10-секундного 3D-блока HyperFrames: карточка фичи облетает сферу из точек по траектории камеры из Blender.
Claude Code CX Codex Cursor +1
9 800установок
canopy-part-title скилл Блок HyperFrames, в котором плотный слой листьев пролетает через кадр, расходится и открывает заголовок. Пригодится, когда нужна готовая анимированная плашка с двумя строками текста.
Claude Code CX Codex Cursor +1
9 800установок
code-slice-hero скилл Анимирует смену заголовка сеткой плиток с переворотом ячеек через WebGL 2 и Canvas 2D. Пригодится для сборки витрин и заставок с хронометражем 8 s в разрешении 1920×1080.
Claude Code CX Codex Cursor +1
9 800установок
glass-shard-title скилл Собирает заголовок из осколков стекла: они летят сквозь туман, поворачиваются и складываются в буквы. Готовый блок HyperFrames 1920×1080 на 12.16 с.
Claude Code CX Codex Cursor +1
9 800установок
cuboid-carousel скилл Скилл собирает 3D-карусель из скруглённых параллелепипедов с контентом: они влетают справа, едут волной и уходят влево. Пригодится для промо-роликов и титров.
Claude Code CX Codex Cursor +1
9 800установок
fixing-motion-performance скилл Скилл находит и устраняет просадки FPS в анимациях: скролл-эффектах, размытиях и перерисовках макета. Помогает убрать подёргивания интерфейса без смены используемой библиотеки.
Claude Code CX Codex Cursor +1
26 800установок
motion-design скилл Скилл помогает проектировать анимации интерфейса: выбирать длительность, easing и последовательность движения. Пригодится для микровзаимодействий, загрузки и переходов между страницами.
Claude Code CX Codex Cursor +1
19 700установок
premium-frontend-ui
официальный скилл Направляет GitHub Copilot при создании визуально выразительных страниц и компонентов с анимацией. Подойдёт для лендинга или интерактивного портфолио.
GitHub Copilot
4 900установок
gsap-framer-scroll-animation
официальный скилл Скилл помогает создавать анимации, связанные со скроллом, через GSAP ScrollTrigger и Framer Motion. Подойдёт для React, Next.js и vanilla JS.
GitHub Copilot
3 900установок
landing скилл Собирает одностраничный лендинг в одном HTML-файле: 3D-анимации на CSS, скролл-эффекты GSAP и параллакс за курсором.
Claude Code
404установок
scrollytelling-and-parallax-data-visualization
официальный скилл Помогает проектировать скроллителлинг и параллакс-визуализации данных. Пригодится, когда смену кадров, графиков или слоев карты нужно привязать к прокрутке страницы.
CX Codex GP ChatGPT
13установок