design-motion-principles

Audit UI motion design for accessibility, performance, and design guidelines.

1|Updated Mar 22, 2026
One-click install
npx skills add https://github.com/samcannas/samscode --skill design-motion-principles-samcannas
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-motion-principles
Source: https://github.com/samcannas/samscode/tree/main/skills/catalog/design-motion-principles
Command: npx skills add https://github.com/samcannas/samscode --skill design-motion-principles-samcannas

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Motion design audits are often inconsistent; this skill provides a structured, multi-designer lens to evaluate and improve UI motion.

Core Features & Use Cases

  • Perspective-driven audit framework combining Emil, Jakub, and Jhey guidance to tailor motion for context.
  • Accessibility and performance checks embedded in a practical workflow.
  • Actionable recommendations and reference material to inform design decisions across product types.

Quick Start

Run a motion audit by applying Emil's restraint, Jakub's polish, and Jhey's playfulness to your UI motion.

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 usability and perceived quality?

To audit UI motion design effectively, you evaluate animations against established principles of restraint, polish, and playfulness, ensuring they enhance usability and perceived quality without overwhelming the user interface.

What is the best way to balance restraint and polish in UI animation?

Balancing restraint and polish in UI animation involves applying a multi-designer perspective framework that evaluates motion contextually, ensuring animations remain subtle and production-ready while still allowing for playful experimentation.

Does this motion design audit check accessibility and performance guidelines?

Yes, the motion design audit explicitly includes accessibility and performance checks within its workflow, ensuring that enter and exit animation guidelines are satisfied alongside usability and perceived quality improvements.

Can I use this framework for cross-designer perspectives during design reviews?

Yes, you can use this framework for design reviews because it provides a structured, multi-designer lens—combining Emil's restraint, Jakub's polish, and Jhey's playfulness—to evaluate and improve UI motion consistently across product interfaces.

How do I apply actionable recommendations from a motion design audit?

You apply actionable recommendations by using the audit's reference material to inform design decisions across product types, tailoring motion for specific contexts while maintaining cross-designer consistency and satisfying enter/exit animation guidelines.

When should I not use playful experimentation in UI animation?

You should avoid playful experimentation in UI animation when it compromises the restraint required for clear usability, fails accessibility and performance checks, or disrupts the subtle, production-ready motion polish needed for your specific product context.