Loading...
Loading...
Found 54 Skills
Use when creating animations that feel warm, welcoming, and make users feel comfortable engaging.
Use when creating animations that entertain, engage with humor, or create lighthearted interactive experiences.
Use this skill when implementing animations, transitions, micro-interactions, or motion design in web applications. Triggers on CSS animations, Framer Motion, GSAP, keyframes, transitions, spring animations, scroll-driven animations, page transitions, loading states, and any task requiring motion or animation implementation.
Use when animating cards, panels, tiles, or container elements to create depth and interactivity
Use when implementing Disney's 12 animation principles with pure CSS animations and transitions
Use when building CSS animations, JavaScript transitions, React/Vue motion, or any browser-based animation work.
Use when animating carousels, sliders, image galleries, or horizontally scrolling content for smooth navigation
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.
Use when animating navigation bars, menus, sidebars, or wayfinding elements to create smooth, intuitive transitions
Use when elements need to appear on screen - page loads, modals opening, items being added, content reveals, or any "coming into view" animation.
Use when creating animations that convey luxury, refinement, or premium brand experiences.
Use when creating animations that reassure users, reduce anxiety, or communicate protection and security.