设计与多媒体

animation-principles

iart-ai/motion-…n-skills

This skill should be used when the user asks to "make this animation feel natural", "fix motion that feels stiff/floaty/cheap", "my animation looks robotic", "choose an easing curve", "how do I use the Graph Editor", "add overshoot or bounce", "Easy Ease isn't enough", "make snappy motion", "pick a duration for this transition", "stagger a list animation", "sync animation to a beat", or "review motion for good timing". It is the tech-agnostic foundation for deciding how something should move.

  • 3340 次安装
  • 174 星标
  • 收录于

安装命令

npx skills add https://github.com/iart-ai/motion-design-skills --skill animation-principles

SKILL.md

Motion Principles

Decide how something should move so it feels right — independent of the tool used to build it. This skill answers timing, easing, spacing, weight, and rhythm. It does not pick a tech stack; it produces concrete numbers (durations, cubic-bezier curves, stagger offsets, spring configs) ready to hand to any implementation.

When to use

  • Motion feels stiff, floaty, mechanical, robotic, or cheap and needs diagnosis.
  • Choosing a clip or transition's duration, easing curve, and stagger offset.
  • Reviewing whether motion respects physics intuition (weight, follow-through, arcs).
  • Synchronizing keyframes to a musical beat or edit accent.

Three pillars — settle these before any number

Every piece of motion should answer three questions before you pick a duration or curve. Skip them and you get technically-correct motion that feels like nothing. These are the shared vocabulary the rest of the collection refers back to.