Easing Audit

The user wants a comprehensive review of their project's animation easings.

Step 1: Scan the Project

Search for animation and transition properties across the codebase:

1. Search for CSS files (.css, .scss, .sass, .less) containing transition or animation properties
2. Search for component files (.jsx, .tsx, .vue, .svelte) containing Tailwind easing classes (ease-, transition-) or inline style animation properties
3. Search for CSS-in-JS patterns (style=, css=, styled.) with transition/animation values

Step 2: Categorize Findings

For each animation/transition found, categorize:

• Defaults — Using ease, linear, ease-in, ease-out, ease-in-out (browser defaults, likely unintentional)
• Custom — Using cubic-bezier(...), linear(...), or Tailwind ease-[...] (intentional choices)
• Missing — Animations/transitions with no easing specified (falls back to browser default ease)