Topic: claude
14,433 skills in this topic.
-
secondary-action-mastery
Use when enriching primary animations, adding supporting details, creating depth in motion, or making scenes feel alive without distracting from main action.
dylantarre/animation-principles 23
-
user-feedback-clarity
Use when users don't notice feedback, miss state changes, or can't tell if their action worked
dylantarre/animation-principles 23
-
follow-through-overlapping
Use when animating multi-part objects, character appendages, fabric, hair, or any motion requiring realistic drag, momentum, and settling behavior.
dylantarre/animation-principles 23
-
attention-grabbers
Use when drawing user focus - notification badges, new feature highlights, error callouts, promotional banners, or any animation meant to attract attention.
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
-
fitness-wellness
Use when designing animations for fitness apps, wellness platforms, workout trackers, or meditation experiences
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
-
fintech-banking
Use when designing animations for banking apps, payment systems, investment platforms, or financial dashboards
dylantarre/animation-principles 23
-
enterprise-b2b
Use when designing animations for enterprise software, B2B platforms, admin dashboards, or corporate applications
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
-
lists-grids
Use when animating lists, grids, tables, or collections of items to create smooth ordering, filtering, and loading states
dylantarre/animation-principles 23
-
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
-
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
-
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
-
universal-industry
Use when designing animations for any industry or when industry-specific guidelines do not apply
dylantarre/animation-principles 23
-
travel-hospitality
Use when designing animations for travel booking, hospitality apps, tourism platforms, or vacation planning experiences
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
-
large-500-800ms
Use when building larger movement animations between 500-800ms - hero transitions, complex reveals, animations that tell a story and deserve attention
dylantarre/animation-principles 23
-
game-designer
Use when designing game feel, player feedback systems, or when creating animations that enhance gameplay and player satisfaction.
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
-
modals-dialogs
Use when animating modals, dialogs, popovers, or overlay content to create smooth entrances and exits
dylantarre/animation-principles 23
-
frontend-developer
Use when implementing animations in code, building UI transitions, or when a developer needs practical animation guidance for web/mobile applications.
dylantarre/animation-principles 23
-
accordions-dropdowns
Use when animating accordions, collapsibles, dropdowns, or expand/collapse elements for smooth reveal transitions
dylantarre/animation-principles 23