设计与多媒体

dramatic-2000ms-plus

dylantarre/anim…inciples

Use when building extended animation sequences over 2000ms - cinematic intros, story sequences, premium experiences where animation IS the product

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

安装命令

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

SKILL.md

Dramatic Animations (2000ms+)

Beyond 2000ms, animation becomes cinema. These aren't UI transitions - they're short films embedded in your product. Reserve for moments that define your brand.

Disney Principles at Dramatic Scale

Full Cinematic Treatment

Squash & Stretch: Fully animated character - 40%+ deformation for organic, living motion. Physics-defying when needed.

Anticipation: Dramatic tension - 400-600ms build-up. The audience waits with expectation.

Staging: Cinematography - establishing shots, close-ups, reveals. Think in scenes, not states.

Straight Ahead/Pose to Pose: Hybrid approach - pose-to-pose structure with straight-ahead detail passes.

Follow Through: Extended ecosystem - everything continues moving after primary action. World feels alive.

Slow In/Slow Out: Emotional timing - curves match narrative beats. Pause for emphasis.