design-motion-principles

Audit UI motion design using Emil, Jakub, and Jhey perspectives.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides expert guidance to audit and improve UI motion by applying Emil, Jakub, and Jhey perspectives to ensure restraint, polish, and playful engagement in animations, transitions, and micro-interactions.

Core Features & Use Cases

  • Three-perspective motion audit: Emil's restraint, Jakub's polish, and Jhey's playfulness, applied to UI animations, transitions, and micro-interactions.
  • Context-weighted recommendations: Prioritizes changes based on interaction frequency, product context, and accessibility needs.
  • Accessibility and performance guardrails: Ensures motion respects prefers-reduced-motion settings and performance considerations.

Quick Start

Audit a given UI motion example by requesting a combined Emil/Jakub/Jhey 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 animation for accessibility and performance issues?

To audit UI animation for accessibility and performance, apply automated guardrails that enforce prefers-reduced-motion settings and review transitions against interaction frequency to ensure visual polish without degrading app responsiveness.

What is motion design audit and when do I need it for my production app?

Motion design audit is a review process evaluating UI animations, transitions, and micro-interactions for restraint, polish, and playfulness. You need it for production apps, marketing sites, and learning platforms to enforce safety and visual guardrails.

How do I review micro-interactions to balance visual polish and user restraint?

Review micro-interactions by applying multiple design perspectives: one enforcing restraint, one ensuring production polish, and one adding playful engagement, then prioritize changes based on interaction frequency and product context.

Can I apply a design audit to marketing sites and learning platforms?

Yes, you can apply a motion design audit to marketing sites and learning platforms. The audit scopes UI animations and transitions to provide context-weighted recommendations prioritizing accessibility needs and visual polish.

Does UI animation review work with prefers-reduced-motion settings?

Yes, UI animation review explicitly checks prefers-reduced-motion settings. The audit enforces accessibility and performance guardrails to ensure motion respects user preferences and maintains safe interaction patterns.

What's the best way to improve transitions without breaking production app performance?

The best way to improve transitions is enforcing performance guardrails during the motion design audit, ensuring animations respect accessibility settings while prioritizing concrete recommendations by interaction frequency and product context.