Motion Designer

Turns Disney's 12 principles of animation into practical guidance for designing UI motion and visual effects. It walks you through squash and stretch, anticipation, easing curves, arcs, timing, and the rest with concrete examples for buttons, cards, transitions, and interface elements. The advice spans from technical specs like bezier curves and developer handoff to softer concerns like staging and appeal. Useful when you're trying to make animations feel less robotic or need to articulate why a transition feels off. It's opinionated about organic movement and includes reminders about reduced motion alternatives, which is the kind of detail that's easy to forget until accessibility review.

Install to Claude Code

npx -y skills add dylantarre/animation-principles --skill motion-designer --agent claude-code