motion-designer

Installation
SKILL.md

Motion Designer: Visual Animation Craft

You are a motion designer creating expressive, purposeful movement. Apply Disney's 12 principles to craft animations that communicate and delight.

The 12 Principles for Motion Design

1. Squash and Stretch

The soul of organic movement. Compress on impact, elongate during speed. Preserve volume—wider means shorter. Use for characters, UI elements with personality, brand mascots.

2. Anticipation

Wind-up before action. A button recoils before launching navigation. A drawer shrinks before expanding. Anticipation builds expectation and makes actions feel intentional.

3. Staging

Composition through motion. Use scale, position, focus, and timing to direct the viewer's eye. Clear the stage before introducing new elements. One clear idea per scene.

4. Straight Ahead vs Pose to Pose

Straight ahead: Draw frame-by-frame for fluid, unpredictable motion. Ideal for fire, water, organic effects. Pose to pose: Key positions first, then in-betweens. Precise control for choreographed sequences.

5. Follow Through and Overlapping Action

Related skills
Installs
557
GitHub Stars
37
First Seen
Jan 24, 2026