Audit a frequently used action
Show an interaction users repeat many times, such as choosing rows. Check whether animation delays the action and flag motion whose purpose no longer justifies its frequency.
Review Animations
Review a specific interaction before merging it. Inspect the code and observed behavior, then report which changes would improve timing, interruption or accessibility.
Review motion before merging
Give the agent changed files and a motion scenario, then ask for evidence-backed findings.
Provide files, reproduction steps, browser and accessibility states.
Copy the request into a new Floatboat conversation and provide the required material.
Download FloatboatYour request for Floatboat
Preview and copy the request. It is not sent automatically from this page.
Reference: Review Animations https://github.com/emilkowalski/skills/blob/main/skills/review-animations/SKILL.md Read the original documentation and check the current environment and dependencies. Propose any new installation or tool connection before proceeding. My task: Run Review Animations on my modal transition. Inspect opening, rapid close and reopen, and reduced motion. Give prioritized findings with file references and reproduce each issue before proposing a fix. Expected deliverable: A prioritized critique with reproduction and follow-up checks.
About Review Animations
Emil Kowalski’s MIT-licensed Skill directs an agent to explicitly review animation code. It evaluates why motion exists, how often it runs, and how it behaves across interruption, reduced motion and hover-capable devices. Use the broader Design Engineering guide for a review that also covers layout, spacing, or interaction design.
Review Animations Use Cases for UI Motion
Review one interaction in its real states before attempting a broad polish pass. Trace reported issues to a file, reproduction or measured symptom.
Check an interrupted dismissal
Reproduce opening and dismissing a sheet in quick succession. Inspect the transition code and report any jump when a new animation begins before the previous one settles.
Review a reduced-motion path
Enable the operating system or browser preference for reduced motion. Compare visible movement and preserved state feedback, and note the exact component that needs a fallback.
Investigate a motion performance concern
Provide a representative device and the transition to inspect. Use code or browser evidence to separate a suspected layout cost from a measured frame-rate issue.
How to Review a Motion Change Before Merge
Provide the changed components and the interaction you want to inspect. The review should connect each issue to visible behavior and a concrete correction.
Invoke the review explicitly
Name the Skill and supply the animation code, component state and intended audience.
Inspect code and reproduction
Check purpose, timing, repeated use, interruption, motion preferences and any available performance evidence.
Deliver scoped findings
Rank each issue, cite the code or reproduction and describe how a developer can verify the correction.
Explore More Agent Skills
Read another Skill guide and check its original source before using it.
Review Animations FAQ
Does this Skill invoke itself automatically?
Its manifest disables model invocation. Request the review explicitly in a host that supports manual invocation.
Does it require a particular animation library?
Review the actual CSS or component implementation and its behavior. The criteria can be applied to different libraries.
Should a review immediately change the code?
Start with findings tied to specific behavior. Apply edits only when they are within the approved scope.
What counts as evidence for performance?
Use a recording, profile or repeatable symptom when available. Label code-only observations as possible causes.
What if motion is frequent?
Judge the cost against the frequency and purpose of the interaction. Repeated actions often need less motion than rare transitions.
What should I give the reviewer?
Provide the diff or affected files, steps to reproduce the animation and details about platform or accessibility settings.