dylantarre/animation-principles

Disney's 12 Animation Principles - Claude Code Skill Marketplace

This repository also configures its own agents. See what animation-principles tells them →

80Stars on the repository
145Mods indexed here, across every type
8mo agoLast push, which is what freshness is scored on
MITLicence, which decides whether bodies are shown

attention-grabbers

49

dylantarre/animation-principles

Skill Claude CodeCodex

Use when drawing user focus - notification badges, new feature highlights, error callouts, promotional banners, or any animation meant to attract attention.

not rated 80 +1 8mo ago A Socket: passSnyk: pass 33 tokens original MIT

continuous-loops

50

dylantarre/animation-principles

Skill Claude CodeCodex

Use when creating ongoing animations - loading spinners, pulsing indicators, ambient motion, background effects, or any animation that repeats indefinitely.

not rated 80 +1 8mo ago A Socket: passSnyk: pass 31 tokens original MIT

entrance-animations

51

dylantarre/animation-principles

Skill Claude CodeCodex

Use when elements need to appear on screen - page loads, modals opening, items being added, content reveals, or any "coming into view" animation.

not rated 80 +1 8mo ago A Socket: passSnyk: pass 37 tokens original MIT

exit-animations

52

dylantarre/animation-principles

Skill Claude CodeCodex

Use when elements need to leave the screen - closing modals, dismissing notifications, removing items, page transitions out, or any "leaving view" animation.

not rated 80 +1 8mo ago A Socket: passSnyk: pass 37 tokens original MIT

feedback-indicators

53

dylantarre/animation-principles

Skill Claude CodeCodex

Use when confirming user actions - success checkmarks, error alerts, form validation, save confirmations, or any animation acknowledging what the user did.

not rated 80 +1 8mo ago A Socket: passSnyk: pass 32 tokens original MIT

gesture-responses

54

dylantarre/animation-principles

Skill Claude CodeCodex

Use when responding to touch or click interactions - button presses, drag feedback, swipe responses, tap ripples, or any direct manipulation animation.

not rated 80 +1 8mo ago A Socket: passSnyk: pass 32 tokens original MIT

hover-interactions

55

dylantarre/animation-principles

Skill Claude CodeCodex

Use when creating mouse hover effects - button highlights, card lifts, link underlines, image zooms, or any pointer-triggered animation.

not rated 80 +1 8mo ago A Socket: passSnyk: pass 32 tokens original MIT

loading-states

56

dylantarre/animation-principles

Skill Claude CodeCodex

Use when indicating progress or waiting - spinners, progress bars, skeleton screens, shimmer effects, or any animation showing the system is working.

not rated 80 +1 8mo ago A Socket: passSnyk: pass 32 tokens original MIT

scroll-animations

57

dylantarre/animation-principles

Skill Claude CodeCodex

Use when triggering animations on scroll - reveal effects, parallax, sticky headers, progress indicators, or any scroll-linked motion.

not rated 80 +1 8mo ago A Socket: passSnyk: pass 29 tokens original MIT

state-changes

58

dylantarre/animation-principles

Skill Claude CodeCodex

Use when elements transform in place - toggle switches, expanding accordions, checkbox animations, button states, or any transformation without entering/exiting.

not rated 80 +1 8mo ago A Socket: passSnyk: pass 32 tokens original MIT

dylantarre/animation-principles

Skill Claude CodeCodex

Use when orchestrating multi-step animations - page transitions, onboarding flows, wizard steps, complex reveals, or any choreographed animation sequence.

not rated 80 +1 8mo ago A Socket: passSnyk: pass 31 tokens original MIT

universal-patterns

60

dylantarre/animation-principles

Skill Claude CodeCodex

Use when creating any animation type - provides foundational timing, easing, and principle application that applies to all motion in interfaces.

not rated 80 +1 8mo ago A Socket: passSnyk: pass 29 tokens original MIT

calm-relaxation

61

dylantarre/animation-principles

Skill Claude CodeCodex

Use when creating animations that soothe users, reduce anxiety, or create peaceful, meditative experiences.

not rated 80 +1 8mo ago A Socket: passSnyk: pass 25 tokens original MIT

comfort-safety

62

dylantarre/animation-principles

Skill Claude CodeCodex

Use when creating animations that reassure users, reduce anxiety, or communicate protection and security.

not rated 80 +1 8mo ago A Socket: passSnyk: pass 21 tokens original MIT

excitement-energy

64

dylantarre/animation-principles

Skill Claude CodeCodex

Use when creating animations that generate enthusiasm, build anticipation, or create high-energy experiences.

not rated 80 +1 8mo ago A Socket: passSnyk: pass 22 tokens original MIT

joy-delight

66

dylantarre/animation-principles

Skill Claude CodeCodex

Use when creating animations that evoke happiness, surprise, or delightful moments in the user experience.

not rated 80 +1 8mo ago A Socket: passSnyk: pass 22 tokens original MIT

playfulness-fun

67

dylantarre/animation-principles

Skill Claude CodeCodex

Use when creating animations that entertain, engage with humor, or create lighthearted interactive experiences.

not rated 80 +1 8mo ago A Socket: passSnyk: pass 23 tokens original MIT

power-confidence

68

dylantarre/animation-principles

Skill Claude CodeCodex

Use when creating animations that convey strength, authority, or bold confidence in brand and product.

not rated 80 +1 8mo ago A Socket: passSnyk: pass 21 tokens original MIT

dylantarre/animation-principles

Skill Claude CodeCodex

Use when creating animations for business contexts that require seriousness, competence, and trustworthy presentation.

not rated 80 +1 8mo ago A Socket: passSnyk: pass 23 tokens original MIT

trust-reliability

70

dylantarre/animation-principles

Skill Claude CodeCodex

Use when creating animations that build user confidence, establish credibility, and communicate dependability.

not rated 80 +1 8mo ago A Socket: passSnyk: pass 22 tokens original MIT

universal-emotion

71

dylantarre/animation-principles

Skill Claude CodeCodex

Use when you need to achieve any emotional outcome through animation—provides a framework for mapping Disney principles to any target emotion.

not rated 80 +1 8mo ago A Socket: passSnyk: pass 30 tokens original MIT

urgency-action

72

dylantarre/animation-principles

Skill Claude CodeCodex

Use when creating animations that prompt immediate user action, highlight time-sensitivity, or drive conversions.

not rated 80 +1 8mo ago A Socket: passSnyk: pass 23 tokens original MIT

At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: