Disney's 12 Animation Principles - Claude Code Skill Marketplace
This repository also configures its own agents. See what animation-principles tells them →
dylantarre/animation-principles
Skill Claude CodeCodex
Use when animating accordions, collapsibles, dropdowns, or expand/collapse elements for smooth reveal transitions.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when animating buttons, CTAs, or clickable action elements to create satisfying, responsive interactions.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when animating cards, panels, tiles, or container elements to create depth and interactivity.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when animating carousels, sliders, image galleries, or horizontally scrolling content for smooth navigation.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when animating form fields, inputs, textareas, selects, or interactive form elements to improve usability and feedback.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when animating icons, badges, avatars, status indicators, or small visual elements to add personality and feedback.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when animating lists, grids, tables, or collections of items to create smooth ordering, filtering, and loading states.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when creating loading indicators, spinners, progress bars, or skeleton screens to communicate system status.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when animating modals, dialogs, popovers, or overlay content to create smooth entrances and exits.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when animating navigation bars, menus, sidebars, or wayfinding elements to create smooth, intuitive transitions.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when animating notifications, toasts, alerts, snackbars, or system messages to grab attention appropriately.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when animating any UI element not covered by specific skills, or when applying general animation principles across multiple element types.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when designing animations for shopping apps, product catalogs, checkout flows, or retail experiences.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when designing animations for educational platforms, e-learning, tutoring apps, or skill-building experiences.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when designing animations for enterprise software, B2B platforms, admin dashboards, or corporate applications.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when designing animations for banking apps, payment systems, investment platforms, or financial dashboards.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when designing animations for fitness apps, wellness platforms, workout trackers, or meditation experiences.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when designing animations for gaming apps, streaming platforms, entertainment portals, or interactive media.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when designing animations for medical apps, patient portals, telehealth, or health tracking interfaces.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when designing animations for news sites, content platforms, publishing apps, or media consumption experiences.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when designing animations for business tools, project management, collaboration software, or productivity apps.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when designing animations for social platforms, messaging apps, content sharing, or community features.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when designing animations for travel booking, hospitality apps, tourism platforms, or vacation planning experiences.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when designing animations for any industry or when industry-specific guidelines do not apply.
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: