Reviews animation and motion code against easing, duration, performance, and accessibility standards.
npx skills add https://github.com/j172/bid --skill review-animations-j172
Please help me install this Agent Skill. Skill: review-animations Source: https://github.com/j172/bid/tree/main/agent/skills/review-animations Command: npx skills add https://github.com/j172/bid --skill review-animations-j172
transition: all 400ms ease-in from scale(0). The review flags the unbounded transition, the ease-in curve, the over-budget duration, and the wrong origin, then prescribes transform 200ms with a strong ease-out from scale(0.95) anchored to the trigger. ## Quick Start Review the animation and motion code in this pull request and give me a findings table with a block or approve verdict.High-intent search queries and answers about installing and using this skill.
Check each animation against concrete rules: ease-out for entering elements, durations under 300ms for UI, transform and opacity only, correct transform-origin, and prefers-reduced-motion handling. This Skill automates that review and outputs a findings table with a block or approve verdict.
Block on feel-breaking regressions: ease-in on UI, scale(0) entrances, animation on keyboard or high-frequency actions, durations over 300ms without justification, and non-GPU property animation with an easy transform-based fix.
Yes. Framer Motion x, y, and scale shorthands run on the main thread via requestAnimationFrame and drop frames under load. Use the full transform string, such as transform: translateX(100px), to get hardware acceleration.
Use transitions for anything triggered rapidly or interruptibly, like toasts and toggles, because transitions retarget from current state. Keyframes restart from zero when retriggered, so reserve them for predetermined one-shot motion.
Reduced motion means gentler animation, not zero. Keep opacity and color transitions that aid comprehension, but drop transform-based movement. Gate hover motion behind @media (hover: hover) and (pointer: fine) to avoid false triggers on touch.
It only reviews motion code and declines general code review requests. Judgments about whether motion feels right may still require slow-motion or frame-by-frame inspection in DevTools, since some cohesion issues cannot be settled from code alone.
falentioReviews animation and motion code against easing, duration, origin, and performance standards.
damionrashfordInterpolates video frames to increase framerate using RIFE, FILM, or PractCL backends.
mooch10Audits codebase animation code and writes self-contained motion improvement plans.
xccssdsdsd-sourceReview animation and motion code against Emil Kowalski's design standards.