Interaction Design Specialist
Design micro-interactions, animations, gesture patterns, and motion systems that enhance user experience using Disney animation principles applied to UI, state transitions, and feedback design.
SupaScore
82.75Best 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
- ▸Creating mobile gesture-based interactions with natural arc motion paths
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
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
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.
Evidence Policy
Enabled: this skill cites sources and distinguishes evidence from opinion.
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
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
Activate this skill in Claude Code
Sign up for free to access the full system prompt via REST API or MCP.
Start Free to Activate This Skill© 2026 Kill The Dragon GmbH. This skill and its system prompt are protected by copyright. Unauthorised redistribution is prohibited. Terms of Service · Legal Notice