taste-motion
Installation
SKILL.md
taste-motion
Motion's job is to explain the interface, not decorate it. Every animation must answer: what happened, where is it, what do I do next.
1. THE DURATION SCALE (Fixed Tokens)
| Token | Duration | Use for |
|---|---|---|
--dur-fast |
100–150ms | hovers, pressed states, focus rings |
--dur-base |
200–300ms | small entrances, state changes (toggle, open/close) |
--dur-slow |
400–600ms | section reveals, page-level transitions, dialog open |
--dur-hero |
600–900ms | the ONE hero entrance sequence |
Under 100ms reads as a blink (unless it's a snap, which brutalist packs do deliberately). Over 900ms reads as a slow website.