Menú
Skills en este repositorio
SkillsMP ha recopilado 142 skills de dylantarre/animation-principles. Abre una skill para revisar su origen y sus detalles.
dylantarre/animation-principlesMostrando 40 de 142 skills recopiladas.
Use when someone has working knowledge of animation principles and needs guidance on combining them effectively in more complex animations
Idioma del texto original: inglés
Use when someone seeks the philosophical foundation of animation principles, wants to understand why they work, or is at a teaching/mentorship level
Idioma del texto original: inglés
Use when someone has basic awareness of animation principles and wants to start applying them in simple projects
Idioma del texto original: inglés
Use when someone needs a rapid overview of all 12 animation principles in under 5 minutes
Idioma del texto original: inglés
Use when an experienced animator needs a quick reminder of the 12 principles without basic explanations
Idioma del texto original: inglés
Use when someone needs to explain animation principles to students, mentees, or team members at various skill levels
Idioma del texto original: inglés
Use when animation feels wrong and you need to diagnose which principle is failing or being misapplied
Idioma del texto original: inglés
Use when discussing animation principles with users of unknown skill level, or when providing a balanced reference that works for any experience level
Idioma del texto original: inglés
Use when drawing user focus - notification badges, new feature highlights, error callouts, promotional banners, or any animation meant to attract attention.
Idioma del texto original: inglés
Use when creating ongoing animations - loading spinners, pulsing indicators, ambient motion, background effects, or any animation that repeats indefinitely.
Idioma del texto original: inglés
Use when elements need to appear on screen - page loads, modals opening, items being added, content reveals, or any "coming into view" animation.
Idioma del texto original: inglés
Use when elements need to leave the screen - closing modals, dismissing notifications, removing items, page transitions out, or any "leaving view" animation.
Idioma del texto original: inglés
Use when confirming user actions - success checkmarks, error alerts, form validation, save confirmations, or any animation acknowledging what the user did.
Idioma del texto original: inglés
Use when responding to touch or click interactions - button presses, drag feedback, swipe responses, tap ripples, or any direct manipulation animation.
Idioma del texto original: inglés
Use when creating mouse hover effects - button highlights, card lifts, link underlines, image zooms, or any pointer-triggered animation.
Idioma del texto original: inglés
Use when indicating progress or waiting - spinners, progress bars, skeleton screens, shimmer effects, or any animation showing the system is working.
Idioma del texto original: inglés
Use when triggering animations on scroll - reveal effects, parallax, sticky headers, progress indicators, or any scroll-linked motion.
Idioma del texto original: inglés
Use when elements transform in place - toggle switches, expanding accordions, checkbox animations, button states, or any transformation without entering/exiting.
Idioma del texto original: inglés
Use when orchestrating multi-step animations - page transitions, onboarding flows, wizard steps, complex reveals, or any choreographed animation sequence.
Idioma del texto original: inglés
Use when creating any animation type - provides foundational timing, easing, and principle application that applies to all motion in interfaces.
Idioma del texto original: inglés
Use when creating animations that soothe users, reduce anxiety, or create peaceful, meditative experiences.
Idioma del texto original: inglés
Use when creating animations that reassure users, reduce anxiety, or communicate protection and security.
Idioma del texto original: inglés
Use when creating animations that convey luxury, refinement, or premium brand experiences.
Idioma del texto original: inglés
Use when creating animations that generate enthusiasm, build anticipation, or create high-energy experiences.
Idioma del texto original: inglés
Use when creating animations that feel warm, welcoming, and make users feel comfortable engaging.
Idioma del texto original: inglés
Use when creating animations that evoke happiness, surprise, or delightful moments in the user experience.
Idioma del texto original: inglés
Use when creating animations that entertain, engage with humor, or create lighthearted interactive experiences.
Idioma del texto original: inglés
Use when creating animations that convey strength, authority, or bold confidence in brand and product.
Idioma del texto original: inglés
Use when creating animations for business contexts that require seriousness, competence, and trustworthy presentation.
Idioma del texto original: inglés
Use when creating animations that build user confidence, establish credibility, and communicate dependability.
Idioma del texto original: inglés
Use when you need to achieve any emotional outcome through animation—provides a framework for mapping Disney principles to any target emotion.
Idioma del texto original: inglés
Use when creating animations that prompt immediate user action, highlight time-sensitivity, or drive conversions.
Idioma del texto original: inglés
Use when animating accordions, collapsibles, dropdowns, or expand/collapse elements for smooth reveal transitions
Idioma del texto original: inglés
Use when animating buttons, CTAs, or clickable action elements to create satisfying, responsive interactions
Idioma del texto original: inglés
Use when animating cards, panels, tiles, or container elements to create depth and interactivity
Idioma del texto original: inglés
Use when animating carousels, sliders, image galleries, or horizontally scrolling content for smooth navigation
Idioma del texto original: inglés
Use when animating form fields, inputs, textareas, selects, or interactive form elements to improve usability and feedback
Idioma del texto original: inglés
Use when animating icons, badges, avatars, status indicators, or small visual elements to add personality and feedback
Idioma del texto original: inglés
Use when animating lists, grids, tables, or collections of items to create smooth ordering, filtering, and loading states
Idioma del texto original: inglés
Use when creating loading indicators, spinners, progress bars, or skeleton screens to communicate system status
Idioma del texto original: inglés