SKILL.md
Popmotion Animation Principles
Implement all 12 Disney animation principles using Popmotion's composable animation functions.
1. Squash and Stretch
import { animate } from "popmotion";
animate({
from: { scaleX: 1, scaleY: 1 },
to: { scaleX: 1.2, scaleY: 0.8 },
duration: 150,
onUpdate: ({ scaleX, scaleY }) => {
element.style.transform = `scaleX(${scaleX}) scaleY(${scaleY})`;
}
});