animation | Agent Skills

remotion-best-practices

Best practices for Remotion - Video creation in React

remotionvideoreactanimation

malston

remotion-best-practices

Best practices for Remotion - Video creation in React

remotionvideoreactanimation

third774

remotion-best-practices

Best practices for Remotion - Video creation in React

remotionvideoreactanimation

davila7

19,6461,834

remotion-best-practices

Best practices for Remotion - Video creation in React

remotionvideoreactanimation

dmmulroy

1836

remotion-best-practices

Best practices for Remotion - Video creation in React

remotionvideoreactanimation

connorads

moai-tool-svg

svgvectorgraphicssvgo

modu-ai

603106

remotion-best-practices

Best practices for Remotion - Video creation in React

remotionvideoreactanimation

sickn33

remotion-best-practices

Best practices for Remotion - Video creation in React

remotionvideoreactanimation

remotion-dev

makepad-shaders

Write custom GPU shaders and animations in Makepad using SDF drawing, uniforms, and the animator system. Use when creating visual effects, custom drawing, gradients, shadows, or animations in Makepad widgets.

makepadshadergpuanimation

ZhangHanDong

11118

slack-gif-creator

Toolkit for creating animated GIFs optimized for Slack, with validators for size constraints and composable animation primitives. This skill applies when users request animated GIFs or emoji animations for Slack from descriptions like "make me a GIF for Slack of X doing Y".

animated-gifslack-integrationemojianimation

prof-ramos

slack-gif-creator

Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like "make me a GIF of X doing Y for Slack."

animated-gifslack-integrationgif-optimizationanimation

Wattysaid

ui-animation

Guide tasteful UI animation with easing, springs, layout animations, gestures, and accessibility. Covers Tailwind and Motion patterns. Use when: (1) Implementing enter/exit animations, (2) Choosing easing curves, (3) Configuring springs, (4) Layout animations and shared elements, (5) Drag/swipe gestures, (6) Micro-interactions, (7) Ensuring prefers-reduced-motion accessibility. Triggers: animate, animation, easing, spring, transition, motion, layout, gesture, drag, swipe, reduced motion, framer motion.

animationeasingspringsgestures

LukasStrickler

revealjs

Create polished, professional reveal.js presentations. Use when the user asks to create slides, a presentation, a deck, or a slideshow. Supports themes, multi-column layouts, callout boxes, code highlighting, animations, speaker notes, and custom styling. Generates HTML + CSS with no build step required.

presentationslideshtml-generationcss