review-animations Skill for Claude: Review Animation Code Against 10 Rules

review-animations makes your agent review animation and motion code against ten craft standards, and end with a Block or Approve verdict.

Installs: 274.1K; on skills.sh
Stars: 52.7K; on GitHub
Files: 1; besides SKILL.md
Updated: Oct 2026; last repo commit

review-animations reviews the animation and motion code in your diff against ten standards: justified motion, frequency-appropriate motion, responsive easing, UI animations under 300ms, correct origin, interruptibility, GPU-only properties, reduced-motion support, asymmetric enter and exit timing, and cohesion. It defaults to flagging, so approval has to be earned.

The output is a Before, After, Why findings table, then a verdict grouped by impact tier that ends in Block or Approve, with file and line citations. You call it yourself, and it first replies with a single line until you ask a question. It reviews motion only, not general code.

Good for

Front-end developers who want animation code reviewed before merge
Designers and design engineers who care about easing, timing and feel
Teams who want animation performance and reduced-motion handling checked

Install review-animations

Claude Code

Copy this prompt.

Install the review-animations skill in Claude Code. Run this command:

npx skills add https://github.com/emilkowalski/skills --skill review-animations

Then check that it loaded and tell me how to use it.

2
Paste it into Claude Code. It shows the change and asks before running it.

Requires Node.js.

From its listing on skills.sh. Source.

What's in the skill

When it loads

Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.

Sections in SKILL.md

Initial Response
Operating Posture
The Ten Non-Negotiable Standards
Aggressive Escalation Triggers
Remedial Preference Hierarchy
Required Output Format
Part 1 — Findings table (REQUIRED)
Part 2 — Verdict (REQUIRED)
Guidelines

Key facts

Author: emilkowalski (owner of the emilkowalski/skills repo); standards derived from Emil Kowalski's design engineering philosophy
License: MIT
Installs on skills.sh: 274,093 as of 2026-11-02
GitHub stars: 52,705 for the whole emilkowalski/skills repo
skills.sh audits: Gen Agent Trust Hub pass, Socket pass, Snyk pass
What is inside: 1 files besides SKILL.md (1 in folder root)
Needs: No tools or keys named in SKILL.md; STANDARDS.md in the folder holds the exact curves and durations
Last commit to the repo: 2026-10-28

What it includes

Replies with one line until you ask
On first call it only says it is ready to review animations against the craft bar.
Try: “/review-animations”
Read · Initial response
Every animation in the diff is measured
Justified motion, frequency, easing, sub-300ms UI, origin, interruptibility, GPU-only properties, accessibility, asymmetric timing, cohesion.
Read · Ten non-negotiable standards
Flags things like transition: all and scale(0)
Also ease-in on UI, animation on keyboard shortcuts, layout-property animation and ungated hover motion.
Read · Escalation triggers
Delete, reduce, fix easing, fix origin, and so on
Fixes are proposed in a fixed order of preference, starting with deleting the animation.
Read · Remedial hierarchy
Exact easing curves, durations and spring settings
Loaded when a finding needs a precise value or citation.
Files · STANDARDS.md
Before, After, Why; then Block or Approve
Groups remaining comments by impact tier and cites file:line.
Try: “Review the animations in this diff.”
Read · Findings table and verdict

From the official docs

Questions

What does review-animations do?

It reviews animation and motion code against ten craft standards and reports a Before, After, Why table and a Block or Approve verdict. It does not write features or review non-motion code.

How do I install it?

Use the install box at the top of this page, which has tabs for Claude Code, the Claude app and Codex.

Does it run automatically?

No. SKILL.md turns off automatic invocation, so call it yourself. Its first reply is one short line until you ask a question.

Does it need an API key or tools?

No key or tool is named in SKILL.md. The folder bundles STANDARDS.md for exact values and no scripts.

Why is it so strict?

SKILL.md tells the agent to default to flagging and treat a transition that works but feels wrong as a regression.

Is it safe?

Its job is to review motion code: SKILL.md says it does not write features or fix unrelated bugs. The folder bundles STANDARDS.md and no scripts. See the audit results under key facts.

Information

updated Nov 2, 2026

Repository: emilkowalski/skills
Folder: skills/review-animations

emilkowalski/skills skills.sh

Sources

Docs, issue trackers and discussions this page is built from.

Show all 2

review-animations SKILL.md · github.com
emilkowalski/skills README · github.com