1. Habit
  2. Skills
  3. Review Animations skill
Emil Kowalski · 247K installs

Review Animations skill
Runs by itself, PR changes motion code.

Every animation earns its place.

Install the Review Animations skill and make it a habit: follow https://gethabit.dev/skills/emilkowalski/review-animations.md

  1. 1Copy
  2. 2Paste into Claude Code, Codex or Cursor
  3. 3It runs by itself

247K installs48K starsMIT licenceSource on GitHub ↗

Review Animations

by Emil Kowalski · 247K installs

The skill

The review animations skill has your agent review animation and motion code against ten strict standards and return a findings table with a Block or Approve verdict.

Only when you ask.

The habit

Every animation earns its place.

↻ Runs by itselfPR changes motion code

How the habit works.
You don't have to.

Three questionsWhen does it start? How does it check its work? What does it remember?

01

It starts by itself

PR changes motion code. Runs in GitHub Actions or Claude Code routine.

  • ↻ PR changes motion code
  • pull_request touches transition, animation or motion code

02

It checks its work

Block or Approve verdict. If a check fails, it tells you.

  • ✓no transition: all
  • ✓no scale(0) entrance
  • ✓no ease-in on UI motion
  • ✓no UI duration over 300ms without a reason

03

It remembers

motion findings log. The next run reads it first: findings and verdicts from earlier reviews.

loops/review-animations-loop/log.md

One run, step by step.
Then it stops.

Stop ruleStops after one pull request per run.

  1. 01

    Find motion changes

    List animation and transition code in the diff and skip code that does not move.

  2. 02

    Apply ten standards

    Measure each animation against the ten standards and the escalation triggers.

  3. 03

    Pull exact values

    Take curves, durations and spring settings from STANDARDS.md, not from memory.

  4. 04

    Order the fixes

    Prefer delete, then reduce, then fix easing, origin, interruption, GPU, timing and polish.

  5. 05

    Write the table

    Return one Before, After, Why table with file:line for each finding.

  6. 06

    Give the verdict

    Group the rest by impact tier and end with Block or Approve.

What it may do.
Nothing more.

Safe by defaultIt writes only in its own folder and asks you before anything goes out.

Is it for you?
Use it when it fits.

Quick checkRead both lists. If the left one sounds like you, the Review Animations skill helps.

Use it when

  • ✓ a pull request adds transitions
  • ✓ UI motion feels sluggish
  • ✓ you want a strict motion review

Skip it when

  • – the diff has no motion code
  • – you need new features written

Questions

Review Animations skill, answered.

Does it review general code?

No. It reviews only animation and motion code and points to a general review skill for the rest.

Why are high-frequency actions flagged?

The skill says actions seen 100+ times a day or started by keyboard should not animate.

Does it fix the code?

No. It proposes fixes in a table. You apply them.

How do I install the Review Animations skill?

Copy the prompt at the top into your agent. It installs the skill from emilkowalski/skills and sets up the habit. Or run npx skills add emilkowalski/skills --skill review-animations.

Is the Review Animations skill free?

Yes. It is published under MIT. Habit is free too.

Review Animations. Now as a habit.

Install the Review Animations skill and make it a habit: follow https://gethabit.dev/skills/emilkowalski/review-animations.md

  • Free
  • No account
  • Undo in one line

All Emil Kowalski skills →More design skills →

Works in

  • Claude Code
  • Codex
  • Cursor
  • ChatGPT
  • Claude app

Made by Emil Kowalski, published under MIT. Habit links to the original and never changes it. Is this your skill?

Copying didn't work here. Select the line and copy it by hand.