Skip to content
Log in

Motion Specification

Specifies duration and easing, since unspecified motion becomes a default that feels cheap.

0

Share this prompt

Free — no card needed

Create a free account

to open Motion Specification — and the other 364 prompts across 21 categories.

We store your email address to send these. We never sell it or pass it to advertisers. Withdraw at any time. Privacy Policy.

Already have an account?

CategoryDesignForDesigners, DevelopersTested onClaudeChatGPT

Running it, start to finish

  1. Give every animation a job or remove it.
  2. Specify duration, easing and reduced-motion behaviour per transition.
  3. Test on a low-end device and after many repetitions.

What you get back

The output this produces, every time.

  • Requires each piece of motion to do a job, and removes the rest.
  • Sets durations shorter than feels right, since motion is experienced repeatedly.
  • Specifies reduced-motion behaviour per animation, which is an accessibility requirement.

Getting better results

Where this usually goes wrong, and how to avoid it.

  • Animate transform and opacity only. Animating layout properties causes reflow and stutters on lower-end devices, which is where the judgement happens.
  • Delay the loading indicator. A spinner appearing instantly for a fast response makes the interface feel slower than showing nothing would.
  • Judge it on the fiftieth repetition. Motion that is charming once is what makes an interface tiring to use daily.

More Design prompts

All Design

Written for The AI University. Every prompt in this library is original work — authored, tested and revised here, not collected from elsewhere. 365 of them, free with an account.