Packs

3 packs

Results for “motion”

24 skills
More results
owl-listener
animation-principles
Apply animation principles to UI motion for purposeful, polished interactions.
1.7k
emilkowalski
review-animations-2
Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy, flagging issues with easing, duration, performance, and accessibility.
5k · bundle
emilkowalski
improve-animations
Audits a codebase's animation and motion code, then produces a prioritized list of findings and self-contained implementation plans for other agents to execute.
5k
emilkowalski
animation-vocabulary
Look up the precise term for a web animation or motion effect from a vague description, such as 'the bouncy thing when a popover opens' → 'Pop in'.
5k
heygen
hyperframes-animation
Provides atomic motion rules, multi-phase scene blueprints, scene transitions, motion-design techniques, and runtime adapters (GSAP, Lottie, Three.js, Anime.js, CSS, WAAPI, TypeGPU) for composing animations with HyperFrames.
· bundle
heygen
cut-the-curve
Provides a catalog of cinematic transition techniques (zoom-through, cut-the-curve, waterfall cut, etc.) with GSAP parameters for velocity-matched seams and in-scene motion.
· bundle
emilkowalski
find-animation-opportunities
Sweeps a codebase or UI for places that would genuinely benefit from motion, applying a strict gate to reject over-animation, and proposes precise animation recipes without implementing them.
5k
emilkowalski
animation-vocabulary-2
Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term, helping users name effects for prompting AI or designers.
5k
remotion-dev
remotion-markup
Guidance for writing Remotion React markup with animation patterns, media handling, sequences, effects, and advanced features like 3D, audio visualization, and parameterized videos.
3.9k · bundle
samuraigpt
muapi-3d-logo-animation
Transforms a 2D logo into a premium 3D version and animates it with professional cinematic effects.
3.7k
affaan-m
manim-video
Create animated technical explainers using Manim for graphs, workflows, system diagrams, and product walkthroughs with precise motion and clear scene planning.
226k · bundle
heygen
hyperframes
Creates, edits, and renders videos and animations from HTML compositions using the HyperFrames framework, handling project state, input adaptation, and workflow routing.
· bundle
inference-sh
explainer-video-guide
Create explainer videos from script to final cut using AI tools for voiceover, visuals, and assembly.
584
drnabeelkhan
whimsy-injector
Audits product flows to find delight opportunities, then specifies micro-interactions, animations, and usability risk assessments that balance playful design with functional clarity.
2
nexu-io
vfx-text-cursor
Creates a video intro frame with a typing cursor effect that reveals text character by character, accompanied by chromatic aberration trails and directional light leaks.
· bundle
heygen
oversized-cursor
Provides a production-proven oversized macOS-style cursor technique for launch videos, covering size, entry, tip-targeting, click animation, and exit laws to carry the viewer's eye.
peixl
ifq-design-skills
Produces HTML-first visual design deliverables such as interactive prototypes, slide decks, motion demos, infographics, dashboards, landing pages, whitepapers, changelogs, business cards, social covers, and brand systems, with optional export to MP4, GIF, PPTX, PDF, or SVG.
24 · bundle
akillness
vox-director
Turns a one-line topic into a finished Vox-style paper-collage explainer or ad video, automating script, collage keyframes, motion, voice-over, music, and captions via the Atlas Cloud API and local ffmpeg.
42 · bundle