Loading...
Loading...
Found 135 Skills
Use when designing action sequences, user interactions, state transitions, or any motion that needs telegraphing to feel intentional rather than sudden.
Use when designing character personalities, creating memorable motion signatures, ensuring animations feel polished, or making visual experiences that audiences want to watch.
Use when creating animations that evoke happiness, surprise, or delightful moments in the user experience.
Use when building instantaneous UI feedback under 100ms - button presses, toggles, state changes that feel immediate and responsive
Use when designing motion paths, character movement trajectories, gesture animations, or any motion that should feel natural rather than robotic.
Use when animation runs slow, janky, or causes frame drops
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
Use when prioritizing animation features, building motion roadmaps, or when a PM needs to understand the business value of animation principles.
Use when animation causes dizziness, nausea, disorientation, or vestibular discomfort
Use when building micro-interactions between 100-200ms - tooltips appearing, dropdown opens, small feedback animations that feel quick but perceptible
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.