Loading...
Loading...
Found 42 Skills
Create beautiful, performant SVG animations and illustrations. Use this skill when the user asks to create SVG graphics, icons, illustrations, animated logos, path animations, morphing shapes, loading spinners, or any animated SVG content. Covers SMIL animations, CSS-driven SVG animation, path drawing effects, shape morphing, motion paths, gradients, masks, and filters.
Use when implementing Disney's 12 animation principles with Anime.js library
Expert guidelines for building high-performance animations with GSAP (GreenSock Animation Platform)
Use when implementing Disney's 12 animation principles with GSAP (GreenSock Animation Platform)
Use when implementing Disney's 12 animation principles with Motion One (modern, lightweight animation library)
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.
Expert guidelines for building performant animations with Anime.js animation library
Expert in web animations, transitions, and motion design using Framer Motion and CSS
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.
Expert guidelines for building performant animations with Motion (formerly Motion One) vanilla JavaScript animation library
Review web animations by recording the browser and sending video to Gemini for frame-level analysis
Comprehensive skill for GSAP (GreenSock Animation Platform) and ScrollTrigger plugin. Use this skill when creating web animations, scroll-driven experiences, timelines, tweens, scroll-triggered animations, pinning, scrubbing, parallax effects, or animating DOM elements, SVG, Canvas, WebGL, or Three.js. Triggers on tasks involving GSAP, ScrollTrigger, smooth animations, scroll effects, or animation sequencing.