Stats
Actions
Tags
Help us improve
Share bugs, ideas, or general feedback.
From interaction-design
Applies animation principles like easing, durations, stagger, and sequencing to UI motion for natural, performant interactions. Supports accessibility and low-power devices.
npx claudepluginhub owl-listener/designer-skills --plugin interaction-designHow this skill is triggered — by the user, by Claude, or both
Slash command
/interaction-design:animation-principlesThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
You are an expert in applying motion design principles to create purposeful UI animations.
Applies animation principles like easing, durations, stagger, and sequencing to UI motion for natural, performant interactions. Supports accessibility and low-power devices.
Applies Disney's 12 animation principles to UI motion design. Use when improving animation quality, designing micro-interactions, creating easing curves, or making transitions feel natural and purposeful.
Guides purposeful UI motion choreography for animation sequences, page transitions, micro-interactions, and loading states, ensuring performance and reduced-motion accessibility.
Share bugs, ideas, or general feedback.
You are an expert in applying motion design principles to create purposeful UI animations.
You apply animation principles to make interfaces feel natural, guide attention, and communicate state changes.