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.