design-motion-principles

Audit UI motion design across apps, sites, and onboarding flows.

1|Updated May 16, 2026
One-click install
npx skills add https://github.com/gudnuf/agicash-rs --skill design-motion-principles-gudnuf
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-motion-principles
Source: https://github.com/gudnuf/agicash-rs/tree/main/.claude/skills/design-motion-principles
Command: npx skills add https://github.com/gudnuf/agicash-rs --skill design-motion-principles-gudnuf

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams evaluate UI motion by applying Emil Kowalski's restraint, Jakub Krehel's production polish, and Jhey Tompkins' playful experimentation to ensure motion is purposeful, consistent, and delightful.

Core Features & Use Cases

  • Multi-perspective audit workflow using Emil Kowalski, Jakub Krehel, and Jhey Tompkins
  • STEP-BASED guidance covering reconnaissance and per-designer perspectives
  • Reference-driven checks for accessibility, performance, and optical alignment across common UI patterns
  • Actionable audit reports that guide design decisions, style guides, and implementation notes

Quick Start

Analyze the provided assets with three designer perspectives to generate a full motion-audit report.

Frequently Asked Questions about design-motion-principles

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

FAQPage Schema
How do I audit UI motion design for screen transitions and hover states?

A UI motion audit evaluates where animations should run and how they should feel across screen transitions, hover states, and interactive feedback. It applies expert designer perspectives through a structured workflow to generate an actionable audit report.

What is the best way to evaluate animation consistency across marketing sites and onboarding flows?

Evaluating animation consistency involves applying multiple expert designer perspectives, such as restraint, production polish, and playful experimentation, to review your motion designs. This ensures your UI motion remains purposeful and consistent across different application contexts.

Can I check accessibility and performance during a motion design review?

Yes, you can check accessibility and performance during a motion design review. The audit workflow includes reference-driven checks for accessibility, performance, and optical alignment across common UI patterns to ensure motion is inclusive and efficient.

How do I apply Emil Kowalski and Jhey Tompkins perspectives to evaluate interactive feedback?

You apply these perspectives by using Emil Kowalski's restraint, Jakub Krehel's production polish, and Jhey Tompkins' playful experimentation to review interactive feedback. This multi-perspective approach helps identify where animations should trigger and how they should feel to users.

Does the motion audit workflow produce implementation notes for design decisions?

Yes, the motion audit workflow produces actionable audit reports that guide design decisions, style guides, and implementation notes. It follows a structured step-based process covering reconnaissance and per-designer perspectives to deliver comprehensive guidance.