Skill directory
Agent skills
Focused instruction packs that teach a coding agent one job well. Browse the catalog and use any of them inside a RiverX project.
18,175Skills
1,902Publishers
249Official
Follow Through Overlappingdylantarre/animation-principlesUse when animating multi-part objects, character appendages, fabric, hair, or any motion requiring realistic drag, momentum, and settling behavior.01Forms Inputsdylantarre/animation-principlesUse when animating form fields, inputs, textareas, selects, or interactive form elements to improve usability and feedback01Framer Motiondylantarre/animation-principlesUse when implementing Disney's 12 animation principles with Framer Motion in React applications01Friendliness Approachabilitydylantarre/animation-principlesUse when creating animations that feel warm, welcoming, and make users feel comfortable engaging.01Frontend Developerdylantarre/animation-principlesUse when implementing animations in code, building UI transitions, or when a developer needs practical animation guidance for web/mobile applications.01Game Designerdylantarre/animation-principlesUse when designing game feel, player feedback systems, or when creating animations that enhance gameplay and player satisfaction.01Game Developmentdylantarre/animation-principlesUse when implementing game animations, player feedback, character movement, or interactive entertainment in Unity, Unreal, or other game engines.01Gaming Entertainmentdylantarre/animation-principlesUse when designing animations for gaming apps, streaming platforms, entertainment portals, or interactive media01Gesture Responsesdylantarre/animation-principlesUse when responding to touch or click interactions - button presses, drag feedback, swipe responses, tap ripples, or any direct manipulation animation.01Gsap Greensockdylantarre/animation-principlesUse when implementing Disney's 12 animation principles with GSAP (GreenSock Animation Platform)01Healthcare Medicaldylantarre/animation-principlesUse when designing animations for medical apps, patient portals, telehealth, or health tracking interfaces01Hover Interactionsdylantarre/animation-principlesUse when creating mouse hover effects - button highlights, card lifts, link underlines, image zooms, or any pointer-triggered animation.01Icons Badgesdylantarre/animation-principlesUse when animating icons, badges, avatars, status indicators, or small visual elements to add personality and feedback01Implementation Debuggingdylantarre/animation-principlesUse when animation doesn't work as expected, has bugs, or behaves inconsistently01Instant 0 100msdylantarre/animation-principlesUse when building instantaneous UI feedback under 100ms - button presses, toggles, state changes that feel immediate and responsive01Joy Delightdylantarre/animation-principlesUse when creating animations that evoke happiness, surprise, or delightful moments in the user experience.01Large 500 800msdylantarre/animation-principlesUse when building larger movement animations between 500-800ms - hero transitions, complex reveals, animations that tell a story and deserve attention01Lists Gridsdylantarre/animation-principlesUse when animating lists, grids, tables, or collections of items to create smooth ordering, filtering, and loading states01Loaders Spinnersdylantarre/animation-principlesUse when creating loading indicators, spinners, progress bars, or skeleton screens to communicate system status01Loading Statesdylantarre/animation-principlesUse when indicating progress or waiting - spinners, progress bars, skeleton screens, shimmer effects, or any animation showing the system is working.01Lottie Bodymovindylantarre/animation-principlesUse when implementing Disney's 12 animation principles with Lottie animations exported from After Effects01Media Publishingdylantarre/animation-principlesUse when designing animations for news sites, content platforms, publishing apps, or media consumption experiences01Medium 300 500msdylantarre/animation-principlesUse when building standard animations between 300-500ms - page transitions, significant UI changes, animated illustrations that need clear communication01Micro 100 200msdylantarre/animation-principlesUse when building micro-interactions between 100-200ms - tooltips appearing, dropdown opens, small feedback animations that feel quick but perceptible01Micro Interactionsdylantarre/animation-principlesUse when designing small UI feedback moments like button states, toggles, form validation, loading indicators, or notification badges.01Mobile Touchdylantarre/animation-principlesUse when designing iOS/Android gestures, haptic feedback, touch interactions, or native mobile animations.01Modals Dialogsdylantarre/animation-principlesUse when animating modals, dialogs, popovers, or overlay content to create smooth entrances and exits01Motion Designerdylantarre/animation-principlesUse when designing visual motion systems, creating animation specifications, or when a designer needs guidance on crafting beautiful, meaningful movement.01Motion Onedylantarre/animation-principlesUse when implementing Disney's 12 animation principles with Motion One (modern, lightweight animation library)01Motion Sicknessdylantarre/animation-principlesUse when animation causes dizziness, nausea, disorientation, or vestibular discomfort01Naturalistic Motiondylantarre/animation-principlesUse when animation should feel organic and lifelike—creature animation, realistic characters, nature elements, or any motion that needs to breathe with authentic living quality.01Navigation Menusdylantarre/animation-principlesUse when animating navigation bars, menus, sidebars, or wayfinding elements to create smooth, intuitive transitions01Notifications Toastsdylantarre/animation-principlesUse when animating notifications, toasts, alerts, snackbars, or system messages to grab attention appropriately01Orchestrated Sequencesdylantarre/animation-principlesUse when building multi-part animation sequences - staggered reveals, choreographed UI, coordinated motion where multiple elements work together01Page Transitionsdylantarre/animation-principlesUse when implementing route changes, view transitions, modal opens/closes, or navigation animation in web and mobile applications.01Performance Optimizationdylantarre/animation-principlesUse when animation runs slow, janky, or causes frame drops01Physics Intuitiondylantarre/animation-principlesUse when motion needs to feel physically grounded—objects falling, characters jumping, things colliding, or any element that should obey believable weight and momentum.01Playfulness Fundylantarre/animation-principlesUse when creating animations that entertain, engage with humor, or create lighthearted interactive experiences.01Popmotiondylantarre/animation-principlesUse when implementing Disney's 12 animation principles with Popmotion's functional animation library01Power Confidencedylantarre/animation-principlesUse when creating animations that convey strength, authority, or bold confidence in brand and product.01Presentationsdylantarre/animation-principlesUse when creating Keynote, PowerPoint, Google Slides animations, or any presentation motion design work.01Problem Diagnosisdylantarre/animation-principlesUse when animation "feels wrong" but you can't pinpoint why—debugging floaty movement, stiff characters, unclear action, or any motion that isn't working and needs systematic troubleshooting.01Product Managerdylantarre/animation-principlesUse when prioritizing animation features, building motion roadmaps, or when a PM needs to understand the business value of animation principles.01Professionalism Credibilitydylantarre/animation-principlesUse when creating animations for business contexts that require seriousness, competence, and trustworthy presentation.01React Springdylantarre/animation-principlesUse when implementing Disney's 12 animation principles with React Spring's physics-based animations01Responsive Adaptivedylantarre/animation-principlesUse when building context-dependent animations - duration that changes based on device, distance, user preference, or interaction context01Rhythm Pacingdylantarre/animation-principlesUse when animation needs musical flow—dance sequences, action choreography, comedic timing, scene pacing, or any motion that should feel rhythmic and well-composed over time.01Rive Animationsdylantarre/animation-principlesUse when implementing Disney's 12 animation principles with Rive interactive animations01
Skills, installed in one click
Start building freePut a skill to work
Open any project, search the Skills panel in the chat, and the agent picks it up from there.