DesignZig Collections

Review Animations

Motion & Animation skill

How to install
How to install

Review Animations is Emil Kowalski's code review skill for motion, and it reviews nothing else. It measures every animation in a change against ten standards: whether the motion is justified and suits how often it is seen, easing, staying under 300ms, the right transform origin, interruptibility, animating only transform and opacity, and reduced motion. Its default is to flag; approval has to be earned. It only runs when you call it, so it never fires on its own.

Made by
Emil Kowalski
Categories
Motion & Animation, Accessibility & Audits
License
MIT
Added
October 2026

How to install Review Animations

Claude Code

For Claude Code in the terminal, the desktop app or your editor.

With the skills CLI · recommended

  1. Run this in your terminal. It installs the skill for every project; leave out -g to install it for the current project only.

By hand

  1. Copy the skill's folder into your skills folder, keeping its name:
  2. For one project only, use .claude/skills/ inside the project instead.

Using it: This skill does not load on its own: its author set it to run only when called. Start your message with /review-animations.

How to install skills in Claude - updating, removing and fixing a skill that does not load.

Claude app

For claude.ai and the Claude desktop app, on Free, Pro, Max, Team and Enterprise plans.

  1. Turn on code execution: Settings → Capabilities → “Code execution and file creation”. On Team and Enterprise an owner enables skills for the organization first.
  2. Download the repository as a ZIP from GitHub (Code → Download ZIP) and unzip it.
  3. Take out the “skills/review-animations” folder and zip that folder on its own. The folder name must stay “review-animations”.
  4. In Claude, open Customize → Skills, click +, choose “Create skill”, then “Upload a skill”, and pick the ZIP.

Using it: Its author set this skill to run only when called, so ask for it by name, for example: “Use the Review Animations skill to…”.

How to install skills in Claude - updating, removing and fixing a skill that does not load.

Codex

For OpenAI Codex: the CLI, the IDE extension and the ChatGPT desktop app.

With the skills CLI · recommended

  1. Run this in your terminal. It installs the skill for every project; leave out -g for the current project only.

With Codex's installer

  1. Ask Codex's built-in installer to fetch it:

By hand

  1. Copy the skill's folder into your skills folder, keeping its name:
  2. For one repository only, use .agents/skills/ inside it. Restart Codex if the skill does not show up.

Using it: Its author set this skill to run only when called, so mention $review-animations or choose it from /skills.

How to install skills in Codex - updating, removing and fixing a skill that does not load.

Other AI tools

Cursor, Gemini CLI, GitHub Copilot, Windsurf, OpenCode and other agents that read the Agent Skills format - plus any chat model.

Coding agents · recommended

  1. Run this in your terminal. The CLI finds the agents you have installed and asks which ones to add the skill to.

Any chat model

  1. A model with no skill support can still follow one. Open the skill's SKILL.md, copy everything below the --- block at the top, and paste it into the model's custom instructions or at the start of your chat.

Using it: Its author set this skill to run only when called, so in an agent, ask for it by name. In a chat, it applies to the conversation you pasted it into.

How to install skills in other AI tools - updating, removing and fixing a skill that does not load.

Read the skill before you install it: its SKILL.md on GitHub. A skill is instructions your agent follows, so treat a third-party one like code you are about to run.

Prompts to try

Once the skill is installed, ask for any of these. Click one to copy it.

More design skills

All agent skills