Topic: claude
14,433 skills in this topic.
-
loading-states
Use when indicating progress or waiting - spinners, progress bars, skeleton screens, shimmer effects, or any animation showing the system is working.
dylantarre/animation-principles 23
-
universal-practitioner
Use when applying animation principles in any context, for any role, or when a general understanding of Disney's 12 principles is needed.
dylantarre/animation-principles 23
-
fintech-banking
Use when designing animations for banking apps, payment systems, investment platforms, or financial dashboards
dylantarre/animation-principles 23
-
animator-traditional
Use when creating hand-drawn or classical animation, working with frame-by-frame techniques, or applying Disney principles in their original artistic context.
dylantarre/animation-principles 23
-
enterprise-b2b
Use when designing animations for enterprise software, B2B platforms, admin dashboards, or corporate applications
dylantarre/animation-principles 23
-
accessibility-advocate
Use when designing inclusive animations, addressing vestibular disorders and motion sensitivity, or ensuring animation accessibility compliance.
dylantarre/animation-principles 23
-
universal-elements
Use when animating any UI element not covered by specific skills, or when applying general animation principles across multiple element types
dylantarre/animation-principles 23
-
notifications-toasts
Use when animating notifications, toasts, alerts, snackbars, or system messages to grab attention appropriately
dylantarre/animation-principles 23
-
universal-patterns
Use when creating any animation type - provides foundational timing, easing, and principle application that applies to all motion in interfaces.
dylantarre/animation-principles 23
-
navigation-menus
Use when animating navigation bars, menus, sidebars, or wayfinding elements to create smooth, intuitive transitions
dylantarre/animation-principles 23
-
transition-sequences
Use when orchestrating multi-step animations - page transitions, onboarding flows, wizard steps, complex reveals, or any choreographed animation sequence.
dylantarre/animation-principles 23
-
modals-dialogs
Use when animating modals, dialogs, popovers, or overlay content to create smooth entrances and exits
dylantarre/animation-principles 23
-
state-changes
Use when elements transform in place - toggle switches, expanding accordions, checkbox animations, button states, or any transformation without entering/exiting.
dylantarre/animation-principles 23
-
small-200-300ms
Use when building small transitions between 200-300ms - modal appearances, card expansions, navigation transitions that users consciously perceive
dylantarre/animation-principles 23
-
loaders-spinners
Use when creating loading indicators, spinners, progress bars, or skeleton screens to communicate system status
dylantarre/animation-principles 23
-
scroll-animations
Use when triggering animations on scroll - reveal effects, parallax, sticky headers, progress indicators, or any scroll-linked motion.
dylantarre/animation-principles 23
-
ux-researcher
Use when evaluating animation usability, conducting motion studies, or when researching how animation affects user perception and task completion.
dylantarre/animation-principles 23
-
hover-interactions
Use when creating mouse hover effects - button highlights, card lifts, link underlines, image zooms, or any pointer-triggered animation.
dylantarre/animation-principles 23
-
carousels-sliders
Use when animating carousels, sliders, image galleries, or horizontally scrolling content for smooth navigation
dylantarre/animation-principles 23
-
product-manager
Use when prioritizing animation features, building motion roadmaps, or when a PM needs to understand the business value of animation principles.
dylantarre/animation-principles 23
-
motion-designer
Use when designing visual motion systems, creating animation specifications, or when a designer needs guidance on crafting beautiful, meaningful movement.
dylantarre/animation-principles 23
-
orchestrated-sequences
Use when building multi-part animation sequences - staggered reveals, choreographed UI, coordinated motion where multiple elements work together
dylantarre/animation-principles 23
-
cards-containers
Use when animating cards, panels, tiles, or container elements to create depth and interactivity
dylantarre/animation-principles 23
-
feedback-indicators
Use when confirming user actions - success checkmarks, error alerts, form validation, save confirmations, or any animation acknowledging what the user did.
dylantarre/animation-principles 23