Loading...
Loading...
Found 42 Skills
Use when animation excludes users with vestibular disorders, cognitive disabilities, or assistive technology needs
Use when implementing Disney's 12 animation principles with Anime.js library
Expert guidelines for building high-performance animations with GSAP (GreenSock Animation Platform)
Audit animation code against Disney's 12 principles adapted for web. Use when reviewing motion, implementing animations, or checking animation quality. Outputs file:line findings.
Use when implementing Disney's 12 animation principles with GSAP (GreenSock Animation Platform)
Expert in web animations, transitions, and motion design using Framer Motion and CSS
After Effects animation rendering for web and React applications. Use this skill when implementing Lottie animations, JSON vector animations, interactive animated icons, micro-interactions, or loading animations. Triggers on tasks involving Lottie, lottie-web, lottie-react, dotLottie, After Effects JSON export, bodymovin, animated SVG alternatives, or designer-created animations. Complements GSAP ScrollTrigger and Framer Motion for scroll-driven and interactive animations.
Use when implementing Disney's 12 animation principles with Motion One (modern, lightweight animation library)
Expert guidelines for building performant animations with Anime.js animation library
Use when implementing motion design, timeline animations, visual animation editors, animating Three.js/R3F scenes, creating keyframe animations, or using Theatre.js, @theatre/core, @theatre/studio, @theatre/r3f, theatric, or building animation tooling for the web.
Review web animations by recording the browser and sending video to Gemini for frame-level analysis
Use when you need to add or debug professional web animations with GSAP (timelines, ScrollTrigger, stagger, transforms) in HTML/CSS/JS/React. Includes patterns for smooth motion, performance, and common pitfalls.