Loading...
Loading...
Found 15 Skills
Search a codebase or UI for places that don't animate but should, and reject everything that shouldn't. Read-only; it proposes motion with exact values, it does not implement it. Use when the user asks "what could be animated here?" or wants to "make this feel more alive". For fixing existing animations, use improve-animations or review-animations instead.
Provides reusable interaction patterns and motion presets that make UI feel polished. Includes hover effects, transitions, entrance animations, gesture feedback, and reduced-motion support. Use when adding "animations", "transitions", "micro-interactions", or "motion design".
Use when drawing user focus - notification badges, new feature highlights, error callouts, promotional banners, or any animation meant to attract attention.
Use when designing animations for travel booking, hospitality apps, tourism platforms, or vacation planning experiences
Use when creating animations that soothe users, reduce anxiety, or create peaceful, meditative experiences.
Use when composing scenes, designing layouts, directing user attention, or ensuring a single clear idea is communicated at any given moment.
Use when creating animations that reassure users, reduce anxiety, or communicate protection and security.
Use when creating any animation type - provides foundational timing, easing, and principle application that applies to all motion in interfaces.
Use when creating animations that build user confidence, establish credibility, and communicate dependability.
Use when animation speed feels wrong—too fast, too slow, or inconsistent
Use when animating cards, panels, tiles, or container elements to create depth and interactivity
Use when orchestrating multi-step animations - page transitions, onboarding flows, wizard steps, complex reveals, or any choreographed animation sequence.