Loading...
Loading...
Found 135 Skills
Use when animation causes dizziness, nausea, disorientation, or vestibular discomfort
Use when building small transitions between 200-300ms - modal appearances, card expansions, navigation transitions that users consciously perceive
Use when designing character personalities, creating memorable motion signatures, ensuring animations feel polished, or making visual experiences that audiences want to watch.
Use when animation excludes users with vestibular disorders, cognitive disabilities, or assistive technology needs
Use when planning animation workflows, deciding between spontaneous vs controlled approaches, or balancing creative freedom with structural precision.
Use when animating icons, badges, avatars, status indicators, or small visual elements to add personality and feedback
Use when determining animation durations, controlling pacing, establishing rhythm, or making motion feel appropriately weighted and emotionally resonant.
Use when designing action sequences, user interactions, state transitions, or any motion that needs telegraphing to feel intentional rather than sudden.
Use when designing motion paths, character movement trajectories, gesture animations, or any motion that should feel natural rather than robotic.
Use when creating mouse hover effects - button highlights, card lifts, link underlines, image zooms, or any pointer-triggered animation.
Use when animation causes user confusion, delays task completion, or creates frustration
Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, typography, micro-interactions, enter/exit animations, or any visual detail work. Triggers on UI polish, design details, "make it feel better", "feels off", stagger animations, border radius, optical alignment, font smoothing, tabular numbers, image outlines, box shadows.