crit-motion

Analyze and critique motion design in UI transitions for usability and brand feeling.

3|Updated Feb 23, 2026
One-click install
npx skills add https://github.com/metedata/design-crit --skill crit-motion
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: crit-motion
Source: https://github.com/metedata/design-crit/tree/main/skills/crit-motion
Command: npx skills add https://github.com/metedata/design-crit --skill crit-motion

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Motion critique helps product teams evaluate transitions, micro-interactions, and motion systems to improve usability, clarity, and brand expression.

Core Features & Use Cases

  • Evaluate easing curves, durations, and transition patterns across UI states.
  • Compare motion options and lock a direction for consistency across screens and flows.
  • Produce actionable motion guidance and tokens that feed into design systems and accessibility checks.

Quick Start

Analyze the current UI motion context and generate a concise critique following the crit-motion guidelines.

Frequently Asked Questions about crit-motion

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

FAQPage Schema
What is UI motion critique and how does it improve usability?

Yes, you can critique mobile app animation systems by analyzing motion context and applying guidelines to evaluate transitions. The process guides designers through motion decisions specifically for mobile app interfaces, ensuring usability and brand consistency across screens.

How do I evaluate easing curves and durations for design system transitions?

You can evaluate easing curves and durations by analyzing your current UI motion context against design briefs and reference guidelines. This generates a critique log comparing motion options, allowing you to lock a unified direction and output duration and easing tokens for consistency.

Do I need design briefs and motion reference guidelines to critique UI animations?

Yes, evaluating UI animations requires access to locked design decisions, design briefs, and motion reference guidelines. Providing these inputs ensures the critique accurately aligns with your brand feeling and produces actionable motion direction with proper duration and easing tokens.

What's the best way to lock a consistent motion direction across multiple UI flows?

The best way to lock a consistent motion direction is to analyze navigation and micro-interactions across UI states, then compare options using a converged critique log. This process establishes a unified motion direction with tokens for duration and easing across all screens.

Can I generate motion tokens for duration and easing from a UI animation critique?

Yes, critiquing UI motion generates actionable guidance and tokens for duration and easing. These outputs feed directly into your design systems and accessibility checks, ensuring evaluated transitions and micro-interactions translate into consistent, implementable motion standards.