其他

continuous-infinite

dylantarre/anim…inciples

Use when building ongoing loop animations - loading states, ambient motion, background effects that run indefinitely without user fatigue

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

安装命令

npx skills add https://github.com/dylantarre/animation-principles --skill continuous-infinite

SKILL.md

Continuous Animations (Infinite)

Infinite animations run without end state. They indicate ongoing processes, create ambient atmosphere, or provide persistent visual interest. The challenge: avoiding fatigue.

Disney Principles for Continuous Motion

Sustainable Application

Squash & Stretch: Subtle, rhythmic - 5-10% oscillation that doesn't demand attention. Breathing, not bouncing.

Anticipation: Built into loop - each cycle should flow naturally into the next without visible restart.

Staging: Background hierarchy - continuous motion must not compete with interactive elements.

Straight Ahead/Pose to Pose: Pose to pose for seamless loops - endpoint must match startpoint perfectly.

Follow Through: Wave propagation - elements should move in sequence, creating natural flow.

Slow In/Slow Out: Smooth, endless curves - no sharp accelerations that call attention.