Built @buoy-design to end design drift
Dylan Tarre builds skills that help an AI agent animate motion graphics, Figma prototypes and PowerPoint slides, with the most popular ones applying Disney's 12 animation principles through keyframes, easing curves and expressions in After Effects, EffectCraft and Figma. His skills also cover export to Lottie JSON, GIF and H.264, along with attention direction, playful motion and urgency-driven animation. His work stands out for treating animation principles as a practical, shared vocabulary across design and presentation tools.
Animation Principles
144 skills · 143 stars · MIT
3D Spatial Use when working in Blender, Unity 3D, Unreal Engine, Cinema 4D, VR/AR applications, or any three…
Accessibility Advocate Use when designing inclusive animations, addressing vestibular disorders and motion sensitivity,…
Accessibility Issues Use when animation excludes users with vestibular disorders, cognitive disabilities, or assistive…
Accessible Motion Use when implementing reduced motion alternatives, vestibular-safe animations, WCAG compliance, o…
Accordions Dropdowns Use when animating accordions, collapsibles, dropdowns, or expand/collapse elements for smooth re…
Animate Figma Prototypes with Smart Animate and FigCraft Make Figma prototype transitions move with natural motion, not stiff jumps.
Animate motion graphics in After Effects and EffectCraft Disney's 12 animation principles applied to titles, lower thirds and logo reveals
Animate with Disney's 12 principles in After Effects and EffectCraft Keyframes, easing, expressions and exports for Disney's 12 animation principles in EffectCraft
Animate with Disney's 12 principles in After Effects and EffectCraft Create natural motion in After Effects or EffectCraft and export it as Lottie JSON for the web.
Animation Principles Absolute Beginner Use when someone has never heard of animation principles, needs the simplest explanation possible…
Animation Principles Advanced Use when someone has strong command of animation principles and seeks deeper understanding of sub…
Animation Principles Deep Dive Use when someone needs comprehensive reference material on animation principles with technical de…
Animation Principles Expert Use when someone has mastery of animation principles and wants to explore intentional rule-breaki…
Animation Principles Intermediate Use when someone has working knowledge of animation principles and needs guidance on combining th…
Animation Principles Master Use when someone seeks the philosophical foundation of animation principles, wants to understand…
Animation Principles Novice Use when someone has basic awareness of animation principles and wants to start applying them in…
Animation Principles Quick Start Use when someone needs a rapid overview of all 12 animation principles in under 5 minutes
Animation Principles Refresher Use when an experienced animator needs a quick reminder of the 12 principles without basic explan…
Animation Principles Teaching Others Use when someone needs to explain animation principles to students, mentees, or team members at v…
Animation Principles Troubleshooting Use when animation feels wrong and you need to diagnose which principle is failing or being misap…
Animation Principles Universal Reference Use when discussing animation principles with users of unknown skill level, or when providing a b…
Animator Traditional Use when creating hand-drawn or classical animation, working with frame-by-frame techniques, or a…
Anime Js Use when implementing Disney's 12 animation principles with Anime.js library
Anticipation Mastery Use when designing action sequences, user interactions, state transitions, or any motion that nee…
Anticipation Payoff Use when designing action sequences, gags, reveals, or any motion that needs setup before deliver…
Appeal Mastery Use when designing character personalities, creating memorable motion signatures, ensuring animat…
Arc Mastery Use when designing motion paths, character movement trajectories, gesture animations, or any moti…
Attention Direction Use when controlling where the audience looks—composing shots, choreographing action, revealing i…
Attention Grabbers Use when drawing user focus - notification badges, new feature highlights, error callouts, promot…
Attention Management Use when wrong elements get attention, important content is missed, or visual hierarchy is broken…
Brand Consistency Use when animation doesn't match brand personality, feels generic, or clashes with design language
Brand Marketing Use when creating commercial animations, advertising motion, brand identity animation, logo revea…
Brand Strategist Use when defining brand motion identity, creating animation guidelines for brand expression, or a…
Buttons Ctas Use when animating buttons, CTAs, or clickable action elements to create satisfying, responsive i…
Calm Relaxation Use when creating animations that soothe users, reduce anxiety, or create peaceful, meditative ex…
Cards Containers Use when animating cards, panels, tiles, or container elements to create depth and interactivity
Carousels Sliders Use when animating carousels, sliders, image galleries, or horizontally scrolling content for smo…
Character Appeal Use when creating or animating characters that need to connect with audiences—hero protagonists,…
Comfort Safety Use when creating animations that reassure users, reduce anxiety, or communicate protection and s…
Continuous Infinite Use when building ongoing loop animations - loading states, ambient motion, background effects th…
Continuous Loops Use when creating ongoing animations - loading spinners, pulsing indicators, ambient motion, back…
Creative Director Use when overseeing animation vision, setting creative direction for motion, or guiding teams on…
Css Native Use when implementing Disney's 12 animation principles with pure CSS animations and transitions
Data Visualization Use when animating charts, graphs, dashboards, data transitions, or any information visualization…
Deliberate 1200 2000Ms Use when building slow intentional animations between 1200-2000ms - app intros, loading sequences…
Design slide animations in PowerPoint and DeckCraft Timing, easing, Morph transitions and dimming rules for PowerPoint and DeckCraft slides.
Dramatic 2000Ms Plus Use when building extended animation sequences over 2000ms - cinematic intros, story sequences, p…
E Commerce Retail Use when designing animations for shopping apps, product catalogs, checkout flows, or retail expe…