Главная · Тег
Анимации
Анимации в экосистеме Claude Code: 56 инструментов — 55 скиллов, 1 MCP-сервер. Популярные: базовая дизайн-система для Claude, рендер React-анимаций в видео, системные анимации для статичного UI. У каждого — описание на русском, команда установки и ссылка на исходники.
design-taste-frontend — базовая дизайн-система для Claude
leonxlnx/taste-skill
Устанавливает три параметра дизайна для Claude: вариативность (асимметрия), интенсивность движения (анимации) и визуальная плотность. База для предсказуемого UI-стиля.
remotion-render — рендер React-анимаций в видео
inferen-sh/skills
Конвертирует React TSX компоненты в MP4 через Remotion: useCurrentFrame, interpolate, spring-анимации → готовый видеофайл без ручного рендера.
animate — системные анимации для статичного UI
pbakaus/impeccable
Добавляет осмысленные анимации в статичный UI: входные эффекты, микроинтеракции, переходы состояний и навигация. Определяет пропущенную обратную связь и паттерны.
gsap — GSAP для HyperFrames
heygen-com/hyperframes
Справочник GSAP специально для HyperFrames: методы tweening (to/from/fromTo), последовательности таймлайна и эффекты специально для видеокомпозиций.
animejs — Anime.js в HyperFrames
heygen-com/hyperframes
Подключает Anime.js анимации к таймлайну HyperFrames вместо wall-clock времени. Ключевой паттерн: setting currentTime вместо autoplay.
lottie — Lottie анимации в HyperFrames
heygen-com/hyperframes
Встраивает Lottie и dotLottie анимации в HyperFrames: регистрирует player instances на window.__hfLottie для seeking по фреймам, не по времени.
waapi — Web Animations API для HyperFrames
heygen-com/hyperframes
Адаптер Web Animations API для HyperFrames: синхронизирует animation.currentTime с таймлайном HyperFrames вместо запуска по wall-clock.
remotion-render — рендер React-анимаций в видео
inference-sh-skills/skills
Конвертирует React TSX компоненты в MP4 через Remotion: useCurrentFrame, interpolate, spring-анимации → готовый видеофайл без ручного рендера.
fixing-motion-performance — исправление производительности анимаций UI
ibelick/ui-skills
Исправление производительности анимаций.
flutter-animations — анимации Flutter MadTeacher
madteacher/mad-agents-skills
Анимации Flutter MadTeacher.
framer-motion-animator — аниматор Framer Motion Patricio
patricio0312rev/skills
Аниматор Framer Motion.
text-to-lottie — text-to-Lottie Diffusion Studio
diffusionstudio/lottie
Text-to-Lottie (генерация анимаций).
tailwindcss-animations — анимации TailwindCSS Josiah Siegel
josiahsiegel/claude-plugin-marketplace
Анимации TailwindCSS.
emilkowal-animations — анимации Emil Kowal Dot Skills
pproenca/dot-skills
Анимации от Emil Kowal.
android-jetpack-compose — Jetpack Compose современный Android UI
thebushidocollective/han
Для современных Android UI с Jetpack Compose: композиция, состояние и анимации.
awwwards-animations — Awwwards анимации GSAP Lenis scroll
devmartinese/awwwards-animations-skill
Анимации уровня Awwwards: GSAP, Lenis smooth scroll и scroll-trigger.
gsap — GSAP для HyperFrames
martinholovsky/claude-skills-generator
Справочник GSAP специально для HyperFrames: методы tweening (to/from/fromTo), последовательности таймлайна и эффекты специально для видеокомпозиций.
framer-motion — Framer Motion анимации Mindrally
mindrally/skills
Framer Motion.
svg-animations — SVG-анимации Supermemory
supermemoryai/skills
SVG-анимации.
animated-component-libraries — Magic UI React Bits анимации компоненты
freshtechbro/claudedesignskills
Рабочее знание Magic UI и React Bits: copy-paste React компоненты с анимациями.
lottie-animations — Lottie анимации FreshTechBro
freshtechbro/claudedesignskills
Lottie анимации.
lottie — Lottie анимации в HyperFrames
mindrally/skills
Встраивает Lottie и dotLottie анимации в HyperFrames: регистрирует player instances на window.__hfLottie для seeking по фреймам, не по времени.
awwwards-landing-page — Awwwards landing page мировой класс дизайн
eng0ai/eng0-template-skills
Landing page уровня Awwwards: мировой класс дизайн и анимации.
animejs — Anime.js в HyperFrames
freshtechbro/claudedesignskills
Подключает Anime.js анимации к таймлайну HyperFrames вместо wall-clock времени. Ключевой паттерн: setting currentTime вместо autoplay.