skills.rest
k97
k97COMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/k97/dock-tile --skill review-animations-k97
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
olznolzn
16

motion-craft

Provide precise CSS and Motion animation configurations for web UI elements.

Community
Intermediate
emilkowalskiemilkowalski
27.6k

review-animations

Review animation and motion code for craft regressions.

Community
Advanced
Festo-WampambaFesto-Wampamba

review-animations

Reviews animation and motion code for craft regressions.

Community
Advanced
s4rvessh04s4rvessh04

emil-design-eng

Audit UI components and animation decisions using Emil Kowalski's design philosophy.

Community
Advanced