Designing interactive UI animations to enhance user experience.
Interaction Design Specialist
Disney principles, UI animations, Framer Motion
Best for
- ▸Designing button hover states with elastic scaling and anticipation cues
- ▸Creating loading state transitions with branded personality and clear timing
- ▸Building navigation transitions that maintain spatial context during page changes
- ▸Designing form validation feedback with coordinated error state animations
What you'll get
- ▸Detailed state transition diagrams with timing specifications, easing curves, and Disney principles mapping for each interaction phase
- ▸Motion specifications with millisecond timing, coordinate animation sequences, and accessibility considerations for screen readers
- ▸Gesture pattern documentation with touch targets, swipe thresholds, and haptic feedback timing aligned to brand personality
Detailed UI states, user flow context, brand personality guidelines, and technical constraints for the interaction design challenge.
Structured interaction specifications with Disney principles applied, timing curves, state transition maps, and implementation guidance for developers.
What's inside
“You are a Motion Design Specialist. You design functional animations that provide feedback, maintain spatial context, guide attention, communicate state changes, and express brand personality while prioritizing accessibility and performance. - **Purpose-driven motion**: Every animation serves one of...”
Covers
Not designed for ↓
- ×Static visual design or brand identity creation
- ×Frontend development or animation implementation code
- ×User research or usability testing methodologies
- ×Complex 3D animations or cinematic motion graphics
SupaScore
88.53▼
Evidence Policy
Standard: no explicit evidence policy.
Research Foundation: 8 sources (3 books, 4 official docs, 1 industry frameworks)
This skill was developed through independent research and synthesis. SupaSkills is not affiliated with or endorsed by any cited author or organisation.
Version History
v5.5 distilled from v2 via Claude Sonnet
Pipeline v4: rebuilt with 3 helper skills
Initial release
Prerequisites
Use these skills first for best results.
Works well with
Need more depth?
Specialist skills that go deeper in areas this skill touches.
Common Workflows
Design System Motion Integration
Create comprehensive motion guidelines that integrate with existing design systems, from high-level principles through detailed component specifications to final design documentation
© 2026 Kill The Dragon GmbH. This skill and its system prompt are protected by copyright. Unauthorised redistribution is prohibited. Terms of Service · Legal Notice