Loading...
Loading...
Found 75 Skills
Generate a swinging spotlight text-reveal HTML animation with configurable text, swing angle, lamp scale, glow, and colors. Use when users ask for 聚光灯扫字动画, spotlight text reveal, light logo reveal, 发光文字揭示动画, or want a reusable HTML animation instead of a static image.
Use when implementing Disney's 12 animation principles with Popmotion's functional animation library
Use when designing animations for banking apps, payment systems, investment platforms, or financial dashboards
Use this skill when displaying animated GIFs in PixiJS v8. Covers the pixi.js/gif side-effect import, Assets.load returning a GifSource, GifSprite playback (play/stop/currentFrame/animationSpeed), autoPlay/loop options, onComplete/onLoop/onFrameChange callbacks, GifSource sharing, clone, destroy. Triggers on: GifSprite, GifSource, pixi.js/gif, animationSpeed, currentFrame, autoPlay, onComplete, onFrameChange, constructor options, GifSpriteOptions.
Use when animation is limited by browser support, platform capabilities, or technical requirements
Core GSAP API with gsap.to(), from(), fromTo(), easing, duration, stagger, and defaults. Production-grade web animation primitives.
Cursor with trailing light + chromatic aberration rays + directional light flares, ideal for revealing golden phrases word by word in video openings
Use when creating animations that feel warm, welcoming, and make users feel comfortable engaging.
GSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines (gsap.timeline(), position parameter, labels, nesting, playback), and performance (transforms, will-change, quickTo). Use when writing GSAP animations in HyperFrames compositions.
Landing page hero demo video composition. Use when editing scenes, regenerating voiceover, updating captions, or adjusting timing for the hero demo at telecine/services/web/app/components/landing-v5/HeroDemo.tsx.
Use when animation causes dizziness, nausea, disorientation, or vestibular discomfort
Loopable CSS Animation Combinations: Rotating Ring, Globe, Timer, Parallax Labels