# Specify micro-interactions and animation for developers

Writes a precise motion spec for interactions: triggers, durations, easing, properties, and reduced-motion behavior engineers can build from.

- Topic: Product & UX Design
- Framework: Few-Shot
- Level: Standard
- Tags: Coding, Write, Fill-in Template
- Source: https://www.thinkwithprompt.com/prompts/specify-micro-interactions-and-animation-for-developers

## Prompt

```text
Help me write a motion and micro-interaction spec for developers.

**Interactions to specify:** [LIST - e.g. "like button tap", "bottom sheet open/close", "toast appears and dismisses", "list item swipe to delete"]
**Purpose of each:** [feedback / orientation / continuity / delight]
**Platform and tech:** [iOS, Android, web CSS, React Native, Lottie]
**Existing motion tokens:** [OUR DURATION AND EASING TOKENS - or "none"]
**Brand feel:** [e.g. calm and quick, playful]

For each interaction specify:
- Trigger (user action or system event) and any conditions.
- Elements involved and which properties change (opacity, transform, size, color), with start and end values.
- Duration in ms, delay, and easing (named curve or cubic-bezier values), using my tokens where they fit.
- Sequence or stagger for multiple elements.
- Interruption: what happens if the user acts again mid-animation.
- Reduced-motion alternative (respecting the OS setting), e.g. a fade instead of a slide.
- Accessibility notes: nothing that flashes more than 3 times a second; state changes announced to screen readers.

Guidance: keep most UI transitions roughly 100-300 ms, and avoid animating layout properties that hurt performance. If I have no tokens, propose a small set (e.g. fast, standard, slow; enter and exit easing).

Return one spec table per interaction and a short tokens table.
```

## What to fill in

- feedback / orientation / continuity / delight
- iOS, Android, web CSS, React Native, Lottie
- OUR DURATION AND EASING TOKENS - or "none"
- e.g. calm and quick, playful

Free to copy and use. From ThinkWithPrompt (https://www.thinkwithprompt.com/), a library of 2,663 curated AI prompts.