Agent skills
Skills you can use with AI coding agents, indexed from public GitHub repositories.
-
lists-grids
Use when animating lists, grids, tables, or collections of items to create smooth ordering, filtering, and loading states
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
-
accordions-dropdowns
Use when animating accordions, collapsibles, dropdowns, or expand/collapse elements for smooth reveal transitions
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
-
buttons-ctas
Use when animating buttons, CTAs, or clickable action elements to create satisfying, responsive interactions
dylantarre/animation-principles 23
-
notifications-toasts
Use when animating notifications, toasts, alerts, snackbars, or system messages to grab attention appropriately
dylantarre/animation-principles 23
-
cards-containers
Use when animating cards, panels, tiles, or container elements to create depth and interactivity
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
-
forms-inputs
Use when animating form fields, inputs, textareas, selects, or interactive form elements to improve usability and feedback
dylantarre/animation-principles 23
-
carousels-sliders
Use when animating carousels, sliders, image galleries, or horizontally scrolling content for smooth navigation
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
-
gaming-entertainment
Use when designing animations for gaming apps, streaming platforms, entertainment portals, or interactive media
dylantarre/animation-principles 23
-
saas-productivity
Use when designing animations for business tools, project management, collaboration software, or productivity apps
dylantarre/animation-principles 23
-
media-publishing
Use when designing animations for news sites, content platforms, publishing apps, or media consumption experiences
dylantarre/animation-principles 23
-
enterprise-b2b
Use when designing animations for enterprise software, B2B platforms, admin dashboards, or corporate applications
dylantarre/animation-principles 23
-
e-commerce-retail
Use when designing animations for shopping apps, product catalogs, checkout flows, or retail experiences
dylantarre/animation-principles 23
-
social-media
Use when designing animations for social platforms, messaging apps, content sharing, or community features
dylantarre/animation-principles 23
-
fitness-wellness
Use when designing animations for fitness apps, wellness platforms, workout trackers, or meditation experiences
dylantarre/animation-principles 23
-
healthcare-medical
Use when designing animations for medical apps, patient portals, telehealth, or health tracking interfaces
dylantarre/animation-principles 23
-
fintech-banking
Use when designing animations for banking apps, payment systems, investment platforms, or financial dashboards
dylantarre/animation-principles 23
-
education-learning
Use when designing animations for educational platforms, e-learning, tutoring apps, or skill-building experiences
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
-
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
-
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