review-animations

Reviews animation and motion code for craft regressions.

Updated Jun 30, 2026

Search Tags:#performance #accessibility #motion design #easing #animation review #ui transitions

Ready to run

npx skills add https://github.com/Festo-Wampamba/Claude-Features --skill review-animations-festo-wampamba

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: review-animations
Source: https://github.com/Festo-Wampamba/Claude-Features/tree/main/skills/review-animations
Command: npx skills add https://github.com/Festo-Wampamba/Claude-Features --skill review-animations-festo-wampamba

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill reviews animation and motion code for craft regressions, helping teams catch transitions that feel sluggish, physically wrong, inaccessible, or visually inconsistent before they ship.

Core Features & Use Cases

Motion quality review: Evaluates easing, duration, origin, interruption behavior, and motion frequency against a high craft bar.
Performance and accessibility checks: Flags layout-thrashing properties, missing reduced-motion support, and ungated hover motion.
Use case: A designer-engineer can use this Skill to review a dropdown, toast, modal, or gesture interaction and get precise findings with file-line citations.

Quick Start

Review the attached animation diff and return only the motion issues that violate the skill standards, with concise file-line citations.

Frequently Asked Questions about review-animations

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

FAQPage Schema

How do I review animation code for craft regressions before shipping?▼

To review animation code for craft regressions, you evaluate easing, duration, transform origin, and interruptibility against a high craft bar. This process catches sluggish, physically wrong, or inaccessible UI transitions before they ship to production.

What motion design properties cause UI transitions to feel sluggish or physically wrong?▼

UI transitions feel sluggish or physically wrong when motion design violates easing, duration, or transform origin standards. Reviewing animation code identifies these craft regressions alongside missing interruption behavior and GPU-friendly property usage.

How do I check animation code for accessibility and reduced-motion compliance?▼

Checking animation code for accessibility flags missing reduced-motion support and ungated hover motion. The review ensures UI transitions comply with accessibility standards by enforcing strict reduced-motion compliance across all component interactions.

What causes layout thrashing in motion-heavy product code?▼

Layout thrashing in motion-heavy product code is caused by using non-GPU-friendly properties during UI transitions. Reviewing animation code identifies these performance issues alongside easing and duration craft regressions with precise file-line citations.

Can I use an animation review to audit dropdown, toast, and modal component interactions?▼

You can use an animation review to audit dropdown, toast, and modal component interactions. The review evaluates motion quality, interruptibility, and accessibility compliance for gesture interactions and UI transitions with concise file-line citations.

Why does my motion design review fail to catch inconsistent UI transitions?▼

A motion design review fails to catch inconsistent UI transitions when it lacks strict enforcement of easing, duration, and transform origin standards. Applying a dedicated animation review identifies these craft regressions with precise file-line citations.