review-animations

Evaluate UI animation code for performance, accessibility, and physical correctness.

4|Updated Jan 27, 2026

Search Tags:#ui #code review #performance #accessibility #animation #motion

Ready to run

npx skills add https://github.com/k97/dock-tile --skill review-animations-k97

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: review-animations
Source: https://github.com/k97/dock-tile/tree/main/.agents/skills/review-animations
Command: npx skills add https://github.com/k97/dock-tile --skill review-animations-k97

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill addresses the common issue of UI animations that feel sluggish, physically incorrect, or perform poorly, ensuring motion enhances rather than degrades the user experience.

Core Features & Use Cases

Craft-First Review: Evaluates animation code against non-negotiable standards like interruptibility, GPU-acceleration, and physical correctness.
Remedial Guidance: Provides specific, actionable feedback based on a hierarchy of motion design principles.
Use Case: Use this skill when reviewing a pull request containing new UI transitions to ensure they meet professional standards for responsiveness and accessibility.

Quick Start

Review the animation code in the provided pull request against the established motion standards and flag any regressions.

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 animation code for performance and accessibility?▼

To review UI animation code, evaluate transitions against standards for GPU-only property usage, interruptibility, and physical correctness to ensure motion enhances user experience without degrading performance or accessibility.

What makes a UI transition physically correct and responsive?▼

A physically correct UI transition uses specific easing curves, adheres to GPU-accelerated properties, and supports interruptibility, ensuring animations respond immediately to user input without sluggishness or visual lag.

How do I check pull requests for motion design regressions?▼

Check pull requests for motion regressions by validating new UI keyframe and spring animations against high-craft design engineering standards, flagging any code that violates performance or accessibility rules.

What are the standards for GPU-only property usage in UI animations?▼

GPU-only property usage standards require animations to exclusively utilize hardware-accelerated properties, preventing main-thread blocking and ensuring smooth, performant transitions during UI interactions.

Can I use this to evaluate spring and keyframe animations?▼

Yes, you can evaluate spring and keyframe animations by validating their easing curves and physical correctness against industry-leading motion philosophy during UI/UX code reviews.

Why do my UI animations feel sluggish during user interactions?▼

UI animations feel sluggish when they fail to meet standards for interruptibility and GPU-acceleration, causing main-thread blocking and preventing immediate response to user input during transitions.