ekcheungAI-ui-animation

Elvin's animation craft skill: taste + parts. It fuses Emil Kowalski's design-engineering standards (the judgment) with animate-ui as a component source (the parts), tuned to the ekOS stack. Default target is HeyOmmi (Next 15/16 · React 19 · Tailwind v4 CSS-first · shadcn new-york · radix-ui), but the standards are stack-agnostic.

The one rule that matters most

Most agents already know the craft (ease-out, no scale(0), specific transitions). What they miss is restraint. Before touching easing or duration, decide whether the thing should animate at all. Over-animating a frequent or keyboard-driven action is the #1 mistake — worse than any wrong curve.

The premise is Emil's "You Don't Need Animations": sometimes the best animation is none.

Step 0 — The Gate (run this FIRST, every time)

Every candidate animation must survive all four, in order. Record the answers.

1. Frequency — how often will a user see it?