Loading...
Loading...
Found 128 Skills
Use when animating cards, panels, tiles, or container elements to create depth and interactivity
Use when creating cinematic sequences, narrative animations, or when applying animation principles to video storytelling and visual narrative.
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
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.
Master microinteractions, animations, transitions, and feedback systems. Create intentional, delightful interactions that guide users and provide clear feedback. Includes animation principles, timing, easing, state transitions, and best practices for performance and accessibility.
Disney's 12 animation principles, cinematic storytelling techniques, and comic book conventions apply to web UI — used subtly, they make interfaces feel alive, intentional, and emotionally resonant. Use when designing transitions, micro-interactions, onboarding flows, scroll animations, or any motion in the UI.