GSAP

Render-correctness rules for scene-to-scene transitions in HyperFrames launch videos, including the opaque stage background that prevents white flashes at cuts.

heygen-com/hyperframes

A guide to the Locomotive Scroll library for smooth scrolling, parallax, viewport detection, sticky elements and GSAP ScrollTrigger integration.

freshtechbro/claudedesignskills

Composition and render craft — assembles scenario.json plus asset-manifest.json into a HyperFrames HTML composition and renders the mp4.

alecs5am/ralphy

Elite UX/UI & Advanced GSAP Motion Engineer. An agent skill from caorushizi/oss-client.

caorushizi/oss-client

Implements After Effects Lottie animations in web and React apps: picking JSON or dotLottie format, a rendering library, and a data source, with an optimizer script.

freshtechbro/claudedesignskills

Rebuild a whole landing page / multi-section website from a screen recording that scrolls or walks through it.

KumarSashank/motiscope

Turns an idea or script into a branded MP4 by routing each scene to HyperFrames, Lottie, Manim or GSAP, wrapping it in one brand frame file, then checking and rendering.

hoodini/ai-agents-skills

Animate SVG character rigs with GSAP, CSS transforms, Remotion frame control, and HyperFrames-compatible browser previews.

calesthio/OpenMontage

Recreate an analyzed animation as working web code — GSAP (JavaScript), CSS/Web Animations, Framer Motion (React), or Lottie/SVG.

KumarSashank/motiscope

Edit a Vietnamese vertical TikTok video (9:16) with HyperFrames following the Noti.vn/GĐT standard - talking-head + kinetic typography + karaoke captions + zoom/punch-in camera + timestamp-synced…

notivn/AIEV

Create Ian Xiaohei-style HTML/SVG motion illustrations for Chinese articles, scripts, storyboard scenes, workflow explanations, concept metaphors, and short video visual aids.

Pluviobyte/rnskill

Expert in building immersive scroll-driven experiences - parallax storytelling, scroll animations, interactive narratives, and cinematic web experiences.

davila7/claude-code-templates

Build a Vietnamese landscape 16:9 YouTube video (1920×1080) with HyperFrames (HTML/CSS/GSAP → MP4), keeping the Noti.vn/GĐT branding inherited from noti-tiktok-vn.

notivn/AIEV

Simple scroll-triggered reveal animations using AOS (Animate On Scroll).

freshtechbro/claudedesignskills

Expert in building immersive scroll-driven experiences - parallax storytelling, scroll animations, interactive narratives, and cinematic web experiences.

benjaminasterA/antigravity-awesome-skills

Recreate an analyzed animation as working web code — GSAP (JavaScript), CSS/Web Animations, Framer Motion (React), or Lottie/SVG.

KumarSashank/motiscope

A skill your agent uses whenever the user wants to build scroll animations, scroll effects, parallax, scroll-triggered reveals, pinned sections, horizontal scroll, text animations, or any motion…

github/awesome-copilot

GSAP animation engine sub-skill - core, timeline, ScrollTrigger, plugins.

AThevon/genjutsu

Core UI/UX engineering skill for building highly interactive, spatial, weightless, and glassmorphism-based web interfaces using GSAP and 3D CSS.

sickn33/agentic-awesome-skills

A skill your agent uses when generating elite GSAP-heavy frontend pages with strict AIDA structure, wide hero typography, and gapless bento grids.

sickn33/agentic-awesome-skills

UI2V 动效库——1,262 个 GSAP 动效包（616MB 全量离线镜像，源自 ui2v.com / illli-studio/motions）+ 按镜头用途的选型索引 + 接入演示动画的完整配方。给视频演示页/产品页/落地页挑选和嵌入高质量 UI 动效：图表入场、列表滚动、卡片翻转、文字编排、数字滚动、背景循环等即插即用。只要用户提到：UI 动效、动效库、ui2v、GSAP…

Unclecheng-li/AI_Animation

Generates a premium single-page HTML landing page with 3D CSS animations, GSAP scroll effects, and mouse-parallax depth.

alirezarezvani/claude-skills

Generates a high-energy sizzle reel or hype video (MP4) from brand assets and key messages.

Varnan-Tech/opendirectory

Diagnose GSAP and ScrollTrigger performance. An agent skill from TheGoat395/Codex-Skills.

TheGoat395/Codex-Skills

AI design specialist skill with DESIGN.md management, anti-pattern enforcement, optional Stitch MCP integration, and component library guidance.

first-fluke/oh-my-agent

Modern web design trends, principles, and implementation patterns for 2024-2025.

freshtechbro/claudedesignskills

Motion-design follow-up skill inspired by Emil Kowalski's animation guidance.

nexu-io/open-design

Cast genjutsu on a UI - creative coding for motion, micro-interactions, and wow-factor.

AThevon/genjutsu

Profile, audit, and optimize frontend page performance with emphasis on animation work, memory-leak risks, long-session slowdowns, CSS animations, canvas/WebGL requestAnimationFrame loops, marquees…

nirholas/three.ws

A skill your agent uses when the user wants a 王建硕-style WeChat article (article.md) turned into a narrated short MP4 video — TTS voiceover via 火山引擎 Volcano TTS, HyperFrames CSS/GSAP animation per…

jianshuo/claude-skills

Create HyperFrames HTML video compositions — animations, title cards, overlays, captions, GSAP timelines, registry blocks/components, voiceovers, audio-reactive visuals, and scene transitions.

OpenMinis/MinisSkills

A skill your agent uses when a HyperFrames composition needs seek-safe 2D/3D keyframes, GSAP timelines, CSS keyframes, Anime.js, WAAPI, FLIP, paths, masks, SVG morph/draw, text trails, 3D depth, or…

aiskillstore/marketplace

Create premium cinematic web motion systems with GSAP, ScrollTrigger, and Lenis.

nirholas/three.ws

Create cinematic scroll-driven landing pages with Lenis smooth scrolling, GSAP ScrollTrigger, scroll-linked progression, staggered text reveals, sticky card stacks, parallax backgrounds…

nirholas/three.ws

A skill your agent uses when you need to add or debug professional web animations with GSAP (timelines, ScrollTrigger, stagger, transforms) in HTML/CSS/JS/React.

nirholas/three.ws

Create masked staggered word reveals on scroll with GSAP ScrollTrigger.

nirholas/three.ws

Implement web and React animation, gesture feedback, layout transitions and scroll sequences.

WrongStack/WrongStack

Transformar um MIRA Slide Score e uma Encenação em uma partitura de movimento pronta para o /mira- animator implementar, especificando temperamento, estado inicial, beats, câmera, easing…

sandeco/mira-animator

120+ Vue/Nuxt animated components with TailwindCSS v4, motion-v, GSAP, Three.js.

secondsky/claude-skills

Meta-skill for combining Three.js, GSAP ScrollTrigger, React Three Fiber, Motion, and React Spring for complex 3D web experiences.

freshtechbro/claudedesignskills

Gera num slide do Mira uma forma que morfa em outra(s) em loop a partir de CONCEITOS em palavras (o usuário só tem a ideia, não o arquivo).

sandeco/mira-animator

Converte um deck do Mira já criado para modo OFFLINE (self-contained, sem CDN em runtime), para abrir por file:// mesmo atrás do firewall corporativo que bloqueia as CDNs (Tailwind, AOS, Lucide, D3…

sandeco/mira-animator

Anima um SVG que o usuário FORNECE dentro de um slide do Mira, dando movimento próprio à forma (não vira outra forma, isso é morph).

sandeco/mira-animator

Gera num slide do Mira (novo ou existente) uma forma SVG que morfa em outra(s) em loop contínuo, com GSAP e MorphSVGPlugin vendorados localmente (deck offline, file://).

sandeco/mira-animator

Top-of-pyramid orchestrator for Yuval Avidani's YUV.AI brand work.

hoodini/ai-agents-skills

Art-direct and implement distinctive, motion-rich marketing, editorial, portfolio, and landing websites with original reference-inspired imagery, standout heroes, GSAP choreography, one…

nirholas/three.ws

Core GSAP API with gsap.to(), from(), fromTo(), easing, duration, stagger, and defaults Use when the user asks for gsap core work, or mentions od, gsap, core.

criptogus/agent-evolve-network

GSAP ScrollTrigger for scroll-linked animations, pinning, scrub, and refresh handling Use when the user asks for gsap scrolltrigger work, or mentions od, gsap, scrolltrigger.

criptogus/agent-evolve-network