Loading...
Loading...
Found 63 Skills
Expert in web animations, transitions, and motion design using Framer Motion and CSS
Audit animation code for correct timing function selection. Use when reviewing motion implementations, debugging animations that feel wrong, or choosing between springs and easing. Outputs file:line findings.
Use when building slow intentional animations between 1200-2000ms - app intros, loading sequences, storytelling moments that create emotional resonance
Use when animating lists, grids, tables, or collections of items to create smooth ordering, filtering, and loading states
Motion design and animation for user interfaces. Use when creating micro-interactions, page transitions, loading states, or any UI animation across web and mobile platforms.
Use when enriching primary animations, adding supporting details, creating depth in motion, or making scenes feel alive without distracting from main action.
Use when determining how far to push motion beyond realism, calibrating animation intensity for context, or making key moments register with audiences.
Use when triggering animations on scroll - reveal effects, parallax, sticky headers, progress indicators, or any scroll-linked motion.
Orchestrates translation of motion designer video specifications into working Remotion code by coordinating specialized agents. Acts as pipeline coordinator that delegates to remotion-scaffold, remotion-animation, remotion-composition, and remotion-component-gen. Use when you have a complete VIDEO_SPEC.md and need full Remotion implementation.
Use when planning animation workflows, deciding between spontaneous vs controlled approaches, or balancing creative freedom with structural precision.
Use when the animation domain is unclear or spans multiple contexts—provides general-purpose Disney animation principle guidance.
Use when designing animations for any industry or when industry-specific guidelines do not apply