Loading...
Loading...
Found 69 Skills
Use when building multi-part animation sequences - staggered reveals, choreographed UI, coordinated motion where multiple elements work together
Use when building deliberate motion between 800-1200ms - dramatic reveals, loading sequences, storytelling moments where users should pause and absorb
Use when designing inclusive animations, addressing vestibular disorders and motion sensitivity, or ensuring animation accessibility compliance.
WebGL-style fluid displacement background with top-overlaid inspirational quotes, suitable for video openings, landing page heroes, or posters
Emil Kowalski's animation best practices for web interfaces. Use when writing, reviewing, or implementing animations in React, CSS, or Framer Motion. Triggers on tasks involving transitions, easing, gestures, toasts, drawers, or motion.
Use when animating accordions, collapsibles, dropdowns, or expand/collapse elements for smooth reveal transitions
Use when animating modals, dialogs, popovers, or overlay content to create smooth entrances and exits
Use when animating carousels, sliders, image galleries, or horizontally scrolling content for smooth navigation
Use when indicating progress or waiting - spinners, progress bars, skeleton screens, shimmer effects, or any animation showing the system is working.
Generate CSS and Framer Motion animations from plain English. Use when you need smooth animations without the math.
Clickable functional web prototype with navigation, hero section, features section, and CTA
Creates realistic ocean and water wave effects for web using SVG filters (feTurbulence, feDisplacementMap), CSS animations, and layering techniques. Use for ocean backgrounds, underwater distortion, beach scenes, ripple effects, liquid glass, and water-themed UI. Activate on "ocean wave", "water effect", "SVG water", "ripple animation", "underwater distortion", "liquid glass", "wave animation", "feTurbulence water", "beach waves", "sea foam". NOT for 3D ocean simulation (use WebGL/Three.js), video water effects (use video editing), physics-based fluid simulation (use canvas/WebGL), or simple gradient backgrounds without wave motion.