Recipe·Design recipes·RC06

Motion done properly

Add animation where it helps and nowhere else.

Markdown

Steps

  1. 1  /find-animation-opportunities read-only list of where motion earns its place
  2. 2  /animate build the chosen ones
  3. 3  /review-animations check against the ten standards
  4. 4  /animation-performance only if anything drops frames
As one prompt
Motion done properly. Add animation where it helps and nowhere else.
Run these in order, and check in with me between steps:
1. /find-animation-opportunities: read-only list of where motion earns its place
2. /animate: build the chosen ones
3. /review-animations: check against the ten standards
4. /animation-performance: only if anything drops frames

More in Design recipes.