review-animations

Audit UI motion in code diffs against Emil Kowalski's ten animation standards.

13|3|Updated Mar 2, 2026
One-click install
npx skills add https://github.com/misty-step/harness-kit --skill review-animations
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: review-animations
Source: https://github.com/misty-step/harness-kit/tree/main/skills/.external/emil-review-animations
Command: npx skills add https://github.com/misty-step/harness-kit --skill review-animations

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

An Editor-quality check for UI motion, applying Emil Kowalski's design-engineering philosophy to identify and flag animation craft gaps in code diffs, ensuring motion aligns with the product's design language and accessibility goals.

Core Features & Use Cases

  • Standards-driven evaluation: Applies the ten non-negotiable animation standards (justified motion, frequency, easing, UI duration, origin, interruptibility, GPU-only properties, accessibility, asymmetric timing, and cohesion) to diffs and PRs.
  • Escalation & remediation: Provides escalation triggers and a remediation hierarchy to guide teams toward faster, safer, and more cohesive motion fixes.
  • Use Case: When reviewing a UI change that introduces or updates animations, this skill audits the diff and returns prioritized findings with concrete recommendations for easing, duration, and transform-origin adjustments.

Quick Start

Run an animation review against the current diff and report findings per the standards.

Frequently Asked Questions about review-animations

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I review UI animations in a pull request against design standards?

Reviewing UI animations in a pull request involves auditing the diff for motion quality gaps against ten non-negotiable standards. It identifies issues with easing, duration, and accessibility, returning structured findings with explicit citations for actionable remediation.

What are Emil Kowalski's non-negotiable standards for UI motion design?

Emil Kowalski's standards for UI motion encompass ten non-negotiable rules: justified motion, frequency, easing, UI duration, origin, interruptibility, GPU-only properties, accessibility, asymmetric timing, and cohesion. These ensure motion aligns with design language and accessibility goals.

How do I check if my CSS animation meets accessibility and motion design requirements?

Checking CSS animation accessibility and motion design involves evaluating the diff against specific UI standards. It flags gaps in interruptibility, asymmetric timing, and GPU-only properties, providing a remediation hierarchy to guide safer and more cohesive motion fixes.

Can I automate code review for animation quality in UI diffs?

Automating animation quality code review involves applying an Editor-quality check to UI diffs. This skill audits motion changes automatically, applying escalation triggers and a remediation hierarchy to ensure new animations meet cohesive product design and accessibility standards.

What is the remediation hierarchy for fixing animation craft gaps in code?

The remediation hierarchy for fixing animation craft gaps provides a structured approach to guide teams toward faster and safer motion fixes. It prioritizes audit findings from the diff, offering concrete recommendations for easing, duration, and transform-origin adjustments.