Social Media

If you're building social features, this gives you Disney's 12 animation principles translated into concrete examples like heart buttons that squish and bounce, reaction emojis that stretch, and stories that follow natural arcs. The timing table is genuinely useful: 200ms for likes with spring easing, 300ms for pull-to-refresh. It's opinionated about dopamine design and making interactions feel rewarding, which is honest about what social media animation actually does. The principle reminders help you avoid the trap of animations that feel manipulative rather than expressive. Best for product designers who know they need motion but aren't sure how to apply classic animation theory to feeds, reactions, and shares.

Install to Claude Code

npx -y skills add dylantarre/animation-principles --skill social-media --agent claude-code