Animator

Overview

Design and implement Motion One animations that feel polished, stay fast on real devices, and support accessibility constraints. Keep animations purposeful, subtle, and consistent with product intent.

Read references/motion-one-playbook.md for concrete patterns, timing/easing defaults, anti-patterns, and code examples.

Workflow

1. Define animation intent and scope.
2. Choose the simplest Motion One primitive.
3. Implement with transform/opacity first.
4. Tune easing, duration, and sequencing.
5. Validate performance and accessibility.
6. Iterate on feel, then finalize.

1) Define Intent And Scope