review-animations — Skills

What it does

transition: all (unbounded property animation)

scale(0) or pure-fade entrances with no initial transform

ease-in on any UI interaction; weak built-in easing on a deliberate animation

Animation on a keyboard shortcut, command-palette toggle, or 100+/day action

UI duration > 300ms with no stated reason

transform-origin: center on a trigger-anchored popover/dropdown/tooltip

Keyframes on toasts, toggles, or anything added/triggered rapidly

Requirements & configuration

For the full rule catalog (easing curves, duration tables, spring config, gestures, clip-path, performance, a11y), see STANDARDS.md. Load it whenever a finding needs a precise value or citation.

4. Sub-300ms UI. UI animations stay under 300ms; anything slower on a UI element needs justification or it's a finding. Per-element budgets live in STANDARDS.md.

Source

Repository: https://github.com/emilkowalski/skills

review-animations FAQ

What does the review-animations skill do?

Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned. transition: all (unbounded property animation) scale(0) or pure-fade entrances with no initial transform

What does review-animations require?

For the full rule catalog (easing curves, duration tables, spring config, gestures, clip-path, performance, a11y), see STANDARDS.md. Load it whenever a finding needs a precise value or citation. 4. Sub-300ms UI. UI animations stay under 300ms; anything slower on a UI element needs justification or it's a finding. Per-element budgets live in STANDARDS.md.

How do I install review-animations?

Run: npx -y skills add https://github.com/emilkowalski/skills --skill review-animations --agent claude-code — the source lives at github.com/emilkowalski/skills.

Maintain review-animations?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[![review-animations on getagentictools](https://getagentictools.com/badge/skills/emilkowalski-skills-review-animations.svg)](https://getagentictools.com/skills/emilkowalski-skills-review-animations?ref=badge)

npx agentictools info skills/emilkowalski-skills-review-animations

The second line is the CLI lookup for this page — handy in READMEs and docs.