Topic: claude
14,433 skills in this topic.
-
web-motion-design
Use when building CSS animations, JavaScript transitions, React/Vue motion, or any browser-based animation work.
dylantarre/animation-principles 23
-
video-motion-graphics
Use when creating After Effects compositions, Premiere Pro motion, video titles, explainer videos, or broadcast motion graphics.
dylantarre/animation-principles 23
-
universal-fallback
Use when the animation domain is unclear or spans multiple contexts—provides general-purpose Disney animation principle guidance.
dylantarre/animation-principles 23
-
presentations
Use when creating Keynote, PowerPoint, Google Slides animations, or any presentation motion design work.
dylantarre/animation-principles 23
-
page-transitions
Use when implementing route changes, view transitions, modal opens/closes, or navigation animation in web and mobile applications.
dylantarre/animation-principles 23
-
instant-0-100ms
Use when building instantaneous UI feedback under 100ms - button presses, toggles, state changes that feel immediate and responsive
dylantarre/animation-principles 23
-
universal-tool
Use when implementing Disney's 12 animation principles with any animation tool or framework
dylantarre/animation-principles 23
-
mobile-touch
Use when designing iOS/Android gestures, haptic feedback, touch interactions, or native mobile animations.
dylantarre/animation-principles 23
-
micro-interactions
Use when designing small UI feedback moments like button states, toggles, form validation, loading indicators, or notification badges.
dylantarre/animation-principles 23
-
game-development
Use when implementing game animations, player feedback, character movement, or interactive entertainment in Unity, Unreal, or other game engines.
dylantarre/animation-principles 23
-
data-visualization
Use when animating charts, graphs, dashboards, data transitions, or any information visualization work.
dylantarre/animation-principles 23
-
brand-marketing
Use when creating commercial animations, advertising motion, brand identity animation, logo reveals, or marketing video content.
dylantarre/animation-principles 23
-
accessible-motion
Use when implementing reduced motion alternatives, vestibular-safe animations, WCAG compliance, or designing for users with motion sensitivity.
dylantarre/animation-principles 23
-
3d-spatial
Use when working in Blender, Unity 3D, Unreal Engine, Cinema 4D, VR/AR applications, or any three-dimensional animation work.
dylantarre/animation-principles 23
-
rive-animations
Use when implementing Disney's 12 animation principles with Rive interactive animations
dylantarre/animation-principles 23
-
react-spring
Use when implementing Disney's 12 animation principles with React Spring's physics-based animations
dylantarre/animation-principles 23
-
popmotion
Use when implementing Disney's 12 animation principles with Popmotion's functional animation library
dylantarre/animation-principles 23
-
motion-one
Use when implementing Disney's 12 animation principles with Motion One (modern, lightweight animation library)
dylantarre/animation-principles 23
-
lottie-bodymovin
Use when implementing Disney's 12 animation principles with Lottie animations exported from After Effects
dylantarre/animation-principles 23
-
gsap-greensock
Use when implementing Disney's 12 animation principles with GSAP (GreenSock Animation Platform)
dylantarre/animation-principles 23
-
framer-motion
Use when implementing Disney's 12 animation principles with Framer Motion in React applications
dylantarre/animation-principles 23
-
figma-prototyping
Use when implementing Disney's 12 animation principles in Figma prototypes and Smart Animate
dylantarre/animation-principles 23
-
css-native
Use when implementing Disney's 12 animation principles with pure CSS animations and transitions
dylantarre/animation-principles 23
-
anime-js
Use when implementing Disney's 12 animation principles with Anime.js library
dylantarre/animation-principles 23