skills.rest
rebuildup
rebuildupCOMMUNITY
Explore all skills by this author →
Website𝕏@361do_sleepGitHub

motion-review

Reviews implemented web and mobile motion for purpose, timing, continuity, and accessibility.

1|Updated Sep 11, 2026
Search Tags:#performance#accessibility#interaction design#motion design#ui animation#reduced motion#animation review
One-click install
npx skills add https://github.com/rebuildup/my-web-2026 --skill motion-review-rebuildup
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: motion-review
Source: https://github.com/rebuildup/my-web-2026/tree/main/skills/motion-review
Command: npx skills add https://github.com/rebuildup/my-web-2026 --skill motion-review-rebuildup

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Implemented animations often ship with unclear purpose, broken spatial continuity, poor interruptibility, or accessibility gaps, and teams lack a structured way to critique them before release. ## Core Features & Use Cases - Structured Motion Critique: Evaluates purpose, frequency, spatial model, temporal structure, interruptibility, performance, and accessibility in a fixed review order. - Severity Classification: Classifies findings as Blocker, Major, Minor, or Note based on user impact rather than personal taste. - Actionable Reports: Each finding includes severity, location, observed behavior, rationale, evidence, and a recommended direction. - Use Case: After shipping a new page transition, run a read-only review to catch exit animations that delay users, missing reduced-motion variants, and flicker on gesture interruption. ## Quick Start Review the motion in my current implementation and report any issues with severity, evidence, and recommended fixes without changing the source code.

Frequently Asked Questions about motion-review

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

FAQPage Schema
How do I review animations in a web app for quality issues?▼

Review motion in a fixed order: purpose, frequency and latency, spatial model, temporal structure, interruptibility, performance, and accessibility. Classify each finding by impact as Blocker, Major, Minor, or Note, and include evidence plus a recommended direction.

What makes a good UI animation critique?▼

A good critique checks that every motion has a clear purpose such as feedback, continuity, or orientation, and that decoration without purpose is flagged. It also tests interruption, reverse, and cancel behavior rather than relying on fixed millisecond thresholds.

Does this review process modify my source code?▼

No, the review is strictly read-only and never changes source code. If improvements are needed, findings are handed off to a separate implementation step such as the motion-implement skill.

How do I test animations for accessibility and reduced motion?▼

Verify a reduced-motion variant exists and test keyboard, touch, coarse pointer, hover gating, small viewports, and orientation changes. Never communicate important state through motion alone.

What animation problems count as blockers versus minor issues?▼

Blockers are broken interactions, unusable controls, or severe accessibility and performance problems. Major issues degrade continuity, latency, or interruption handling, while Minor issues are polish and consistency concerns.

Related Skills

Explore More Design & Creative Skills→
nxtg-ainxtg-ai

doc-refresh

Update project documentation to match implemented code behavior and workflows.

Official
Intermediate
1arley1arley

animation-review

Reviews interface animations against motion design principles including timing, easing, continuity, and reduced motion compliance.

Community
Intermediate
EmreOzdemirogluEmreOzdemiroglu

web-perf

Diagnose web page performance by measuring Core Web Vitals and auditing rendering, networking, and accessibility signals.

Community
Intermediate
tonone-aitonone-ai
69

relay-pipeline

Generate multi-stage CI/CD pipelines with install, lint, test, build, and deploy stages.

Official
Advanced