dylantarre/animation-principles▌
11 approved skills in this repository
scroll-animations
Video
Apply Disney's 12 principles to scroll-triggered motion.
motion-designer
Frontend
You are a motion designer creating expressive, purposeful movement. Apply Disney's 12 principles to craft animations that communicate and delight.
micro-interactions
Productivity
Apply Disney's 12 animation principles to small UI feedback moments and interface details.
e-commerce-retail
AI/ML
Apply Disney's 12 principles to create shopping experiences that feel premium, trustworthy, and encourage conversion.
framer-motion
Productivity
Implement all 12 Disney animation principles using Framer Motion's declarative React API.
fitness-wellness
Productivity
Apply Disney's 12 principles to create motivating, energizing experiences that celebrate achievement and support healthy habits.
saas-productivity
Productivity
Apply Disney's 12 principles to create efficient, professional experiences that enhance focus and reduce friction.
game-designer
Frontend
You are a game designer crafting responsive, satisfying gameplay through animation. Apply Disney's 12 principles to create "juice" and player engagement.
video-motion-graphics
Video
Apply Disney's 12 animation principles to After Effects, Premiere Pro, and video motion design.
mobile-touch
Productivity
Disney's 12 animation principles applied to iOS and Android gestures, haptics, and native motion design. \n \n Covers all 12 principles with mobile-specific implementations: squash & stretch via rubber-banding, anticipation through long-press previews, staging with sheet presentations, and arc-based swipe-to-dismiss curves \n Provides platform-specific code examples for iOS spring animations and Android Material spring physics, plus haptic feedback pairing guidelines \n Establishes timing t
anime-js
Productivity
Implement all 12 Disney animation principles using Anime.js's flexible animation engine.