其他

deliberate-1200-2000ms

dylantarre/anim…inciples

Use when building slow intentional animations between 1200-2000ms - app intros, loading sequences, storytelling moments that create emotional resonance

  • 491 次安装
  • 133 星标
  • 收录于

安装命令

npx skills add https://github.com/dylantarre/animation-principles --skill deliberate-1200-2000ms

SKILL.md

Deliberate Animations (1200-2000ms)

At 1200-2000ms, you're creating experiences, not interfaces. This duration is for moments of genuine storytelling where animation itself is the content.

Disney Principles at Deliberate Speed

Full Narrative Expression

Squash & Stretch: Character-defining - 30-40% deformation creates personality. Objects become characters.

Anticipation: Full dramatic preparation - 300-400ms wind-up creates tension and expectation.

Staging: Scene direction - think cinematography. Establish shot, then detail. Clear narrative flow.

Straight Ahead/Pose to Pose: Pose to pose mandatory - 6-10 key poses define the narrative arc.

Follow Through: Extended settling - 300-500ms of secondary motion after primary completes.

Slow In/Slow Out: Narrative pacing - ease curves tell emotional stories. Sharp starts mean urgency, soft ends mean resolution.