---

name: motion-polish-pass description: Add Emil Kowalski-style animation and micro-interaction guidance to any Claude Code UI pass. Use when working on motion polish pass.

Motion Polish Pass

Packages a working design engineer's principles (animation curves, timing, hover/active/focus states) into an on-demand skill. Meant to be invoked per component when elevating from functional to refined rather than always-on. Cross-agent compatible. Use during the last polish stage after layout and typography are locked.

What you get

• Timing scale
• Easing recipes
• Hover/focus/active checklist
• Before-and-after preview
• Reduced-motion fallback
• Framework-specific snippets

Customize your output

• Motion intensity: subtle, expressive
• Reduced-motion respect: on, off
• Framework: Framer Motion, CSS transitions, GSAP, SwiftUI
• Component scope: single, page, whole app
• Default duration: 120ms, 180ms, 220ms
• Easing profile: material, apple, custom

Example output

'A card component gains a 180 ms scale-and-lift on hover with reduced-motion fallback.'

Best for

Design engineers, front-end devs.

---

Note: One-person authored (Emil Kowalski). Attribution matters. High confidence.

Source: Griffin Wooldridge · https://www.youtube.com/watch?v=iZl5vH81jZM Category: Design · Priority: P4