Loading...
Loading...
Found 58 Skills
Use when animating form fields, inputs, textareas, selects, or interactive form elements to improve usability and feedback
Use when animating navigation bars, menus, sidebars, or wayfinding elements to create smooth, intuitive transitions
Use when drawing user focus - notification badges, new feature highlights, error callouts, promotional banners, or any animation meant to attract attention.
Logo 分块组装入场 + glow bloom + tagline 揭示, 适合视频片尾 / 品牌闭幕
Use when implementing animations in code, building UI transitions, or when a developer needs practical animation guidance for web/mobile applications.
Use when creating animations that soothe users, reduce anxiety, or create peaceful, meditative experiences.
Use when creating animations that convey luxury, refinement, or premium brand experiences.
Fix animation performance issues.
Use when animating cards, panels, tiles, or container elements to create depth and interactivity
Implements scroll-driven storytelling experiences with pinned sections, progressive reveals, and scroll-linked animations. Use when asked to build scrollytelling, scroll-driven animations, parallax effects, narrative scroll experiences, or story-driven landing pages.
Motion design and animation for user interfaces. Use when creating micro-interactions, page transitions, loading states, or any UI animation across web and mobile platforms.
Adds Animate.css (v4.1.1) animations to HTML, React/JSX, and WordPress PHP templates. Includes scroll-trigger via Intersection Observer, RTL directional flipping, and prefers-reduced-motion compliance.